@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family:Arial,sans-serif; color:#666; overflow-x:hidden;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#D11B22; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

input, textarea{background:transparent; padding:0px; font-size:12px; font-family:Arial,sans-serif; color:#888; outline:none; border:0px;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color: transparent;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color: transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color: transparent;}
input:focus:-ms-input-placeholder, textarea:focus::-moz-placeholder{color: transparent;}

em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#cb1f18;}
.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;}  
.clearfix:after{clear:both;}  
.clearfix{zoom:1;} 

.Phone-Box{ display: none; }

.container{width:17.6rem; margin:0px auto;}
.w1200{width:12rem; margin:0px auto;}
.w800{width:8rem; margin:0px auto;}
.w1042{ width: 10.42rem; }
.w1100{ width: 11.0rem; position: relative; z-index: 1;}
.w380{ width: 3.8rem; position: relative; z-index: 1;}
.w400{ width: 4.0rem; }
.w1054{ width: 10.54rem;}
.w1224{ width: 12.24rem;}
.w384{ width: 3.84rem;}
.w272{ width: 2.72rem;}
@media screen and ( max-width:1800px ){
.container{width:15.3rem; }

}
@media screen and ( max-width:1024px ){
	.container{width:94%;} 
	.w1200, .w400, .w1042, .w1100,.w800{width:100%;}
}

.bigBox{ justify-content: space-between; -webkit-justify-content: space-between; }
.flex{display: flex;display: -webkit-flex; }
.flex{ align-items: center;-webkit-align-items: center; }
.flex{justify-content: center;-webkit-justify-content: center; }
.flex{flex-direction: column;-webkit-flex-direction: column;}
.l1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.l2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.l3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.l4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}


a,.nav a:after{transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;	}
.sNav{transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;  }


.fangda{ overflow: hidden;}
.fangda img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}
.fangda:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}


/*css3*/
.fadeInUp50 {
  -webkit-animation-name: fadeInUp50;
  -moz-animation-name: fadeInUp50;
  -ms-animation-name: fadeInUp50;
  animation-name: fadeInUp50;
}
@-webkit-keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft50 {
  -webkit-animation-name: fadeInLeft50;
  -moz-animation-name: fadeInLeft50;
  -ms-animation-name: fadeInLeft50;
  animation-name: fadeInLeft50;
}
@-webkit-keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight50 {
  -webkit-animation-name: fadeInRight50;
  -moz-animation-name: fadeInRight50;
  -ms-animation-name: fadeInRight50;
  animation-name: fadeInRight50;
}
@-webkit-keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}


@keyframes upDown {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(0.5rem); } }
@-webkit-keyframes upDown {
  from {
    -webkit-transform: translateY(0); }
  to {
    -webkit-transform: translateY(0.5rem); } }

@keyframes iconAni {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
}

@keyframes toPicBig{0% {transform: scale(1.04);}100% {transform: scale(1);}}
@keyframes fadeOfOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes am_top
{
    0%{ -webkit-transform:translate(0,30px);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}

.img_rotate{  -moz-animation:rotate 15s infinite linear;  -webkit-animation:rotate 15s infinite linear;  animation:rotate 15s infinite linear; }
@-moz-keyframes rotate{ 0%{  -moz-transform:rotate(0deg);  } 100%{  -moz-transform:rotate(-360deg);  } }
@-webkit-keyframes rotate{ 0%{  -webkit-transform:rotate(0deg);  } 100%{  -webkit-transform:rotate(-360deg);  } }
@keyframes rotate{ 0%{  transform:rotate(0deg);  } 100%{  transform:rotate(-360deg);  } }


/*按钮动画--start*/
.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
/*按钮动画--end*/






/*headPC*/
.headD{ height:80px;}
.headDiv{height:80px; width:100%; z-index: 10;box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);position: absolute; left: 0; top: 0; background:#fff;}
.headDiv.on{ top:-80px;}
.headDiv.shadow{box-shadow: 1px 0 10px 0 rgba(0,0,0,.2);}
.headDiv .container{ position: relative; height:80px; }
.headDiv .logo{position:absolute;left: 0;z-index: 2;-webkit-transform: translateY(-50%);-moz-ttransform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);top: 50%;}
.headDiv .logo img{ width:170px; }
.headD{ height:80px;}

.nav{ position:absolute; left: 2.35rem; top: 0; z-index: 1; }
.nav li{ float: left; height:80px; font-size: 16px; position: relative; padding-right: 0.33rem;}
.nav a{ display: block; position: relative; line-height:80px; color: #000000; /*padding:0 0.14rem;*/}
.nav a:after{ content:''; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#d0141b;}
.nav a:hover, .nav .aNow, .nav .aNow1{ color: #d0141b;}
.nav a:hover:after, .nav .aNow:after, .nav .aNow1:after{ width:100%; left:0;}

/*导航触发效果*/
.sNav{ opacity:0; visibility:hidden; position: absolute; z-index: 5; top: 110px;}
.sNav .bg{ height:0;cursor:pointer;}
.sNav .list{background: #fff; border-radius: 6px; padding:30px 15px 0; min-width: 120px;}
.sNav li{ padding-bottom: 20px; font-size: 16px; text-align: center; }
.sNav li a{ display: block; color:#000; }
.sNav li a:hover{ color:#d0141b; }
.sNav.on{ opacity:1; visibility:visible; top:80px;}

/*sNav1*/
.sNav1{left:0!important; right:0;background:url(../images/bg80.png) center top repeat; top:-100%; width:100%;}
.sNav1.on{top:80px;}
.sNav1 .bg{height:100%; background:url(../images/bg80.png) center top repeat; width:100%;}
.sNav1 .list{width:13.2rem; margin:0px auto;background: transparent;}
.sNav1 .list ul{padding:0px 30px 0;}
.sNav1 .list ul{margin: 0 -10px;display: block;float: none;zoom: 1;margin-bottom: 20px;}
.sNav1 .list li{float: left;box-sizing: border-box;padding: 0 10px;-ms-flex-negative: 0;flex-shrink: 0;margin-bottom: 8px; width:12.5%;}
.sNav1 .list li a{border-radius:5px; line-height:38px; color:#3b4048;}
.sNav1 .list li a:hover{color: #fff; background:#d0141b;box-shadow: 0 10px 20px 0 rgba(203,31,24,0.21);}

/*sNav1*/
.sNav1 .list li.i1 a:hover{background:#2b9e28 !important;box-shadow: 0 10px 20px 0 rgba(43,158,40,0.21) !important;}
.sNav1 .list li.i2 a:hover{background:#ff0000 !important;box-shadow: 0 10px 20px 0 rgba(255,0,0,0.21) !important;}
.sNav1 .list li.i3 a:hover{background:#996800 !important;box-shadow: 0 10px 20px 0 rgba(153,104,0,0.21) !important;}
.sNav1 .list li.i4 a:hover{background:#d0141b !important;box-shadow: 0 10px 20px 0 rgba(203,31,24,0.21) !important;}
.sNav1 .list li.i5 a:hover{background:#6a3906 !important;box-shadow: 0 10px 20px 0 rgba(106,57,6,0.21) !important;}
.sNav1 .list li.i6 a:hover{background:#8fc31f !important;box-shadow: 0 10px 20px 0 rgba(143,195,31,0.21) !important;}
.sNav1 .list li.i7 a:hover{background:#657500 !important;box-shadow: 0 10px 20px 0 rgba(101,117,0,0.21) !important;}
.sNav1 .list li.i8 a:hover{background:#6a005f !important;box-shadow: 0 10px 20px 0 rgba(106,0,95,0.21) !important;}
.sNav1 .list li.i9 a:hover{background:#a4005b !important;box-shadow: 0 10px 20px 0 rgba(164,0,91,0.21) !important;}
.sNav1 .list li.i10 a:hover{background:#005e15 !important;box-shadow: 0 10px 20px 0 rgba(0,94,21,0.21) !important;}
.sNav1 .list li.i11 a:hover{background:#ffc200 !important;box-shadow: 0 10px 20px 0 rgba(255,194,0,0.21) !important;}
.sNav1 .list li.i12 a:hover{background:#0031ae !important;box-shadow: 0 10px 20px 0 rgba(0,49,174,0.21) !important;}
.sNav1 .list li.i13 a:hover{background:#f38e00 !important;box-shadow: 0 10px 20px 0 rgba(243,142,0,0.21) !important;}
.sNav1 .list li.i14 a:hover{background:#fc5800 !important;box-shadow: 0 10px 20px 0 rgba(252,88,0,0.21) !important;}
.sNav1 .list li.i15 a:hover{background:#5991ff !important;box-shadow: 0 10px 20px 0 rgba(89,145,255,0.21) !important;}
.sNav1 .list li.i16 a:hover{background:#0063cf !important;box-shadow: 0 10px 20px 0 rgba(0,99,207,0.21) !important;}
.sNav1 .list li.i17 a:hover{background:#910800 !important;box-shadow: 0 10px 20px 0 rgba(145,8,0,0.21) !important;}
.sNav1 .list li.i18 a:hover{background:#32c3d3 !important;box-shadow: 0 10px 20px 0 rgba(50,195,211,0.21) !important;}
.sNav1 .list li.i19 a:hover{background:#C9CCD3 !important;box-shadow: 0 10px 20px 0 rgba(201,204,211,0.21) !important;}
.sNav1 .list li.i20 a:hover{background:#e94960 !important;box-shadow: 0 10px 20px 0 rgba(233,73,96,0.21) !important;}
.sNav1 .list li.i21 a:hover{background:#0096d7 !important;box-shadow: 0 10px 20px 0 rgba(0,150,215,0.21) !important;}
.sNav1 .list li.i22 a:hover{background:#a7937b !important;box-shadow: 0 10px 20px 0 rgba(167,147,123,0.21) !important;}
.sNav1 .list li.i23 a:hover{background:#007090 !important;box-shadow: 0 10px 20px 0 rgba(0,112,144,0.21) !important;}
.sNav1 .list li.i24 a:hover{background:#966cf4 !important;;box-shadow: 0 10px 20px 0 rgb(150,108,244,0.21) !important;}


/*sNav2*/
.sNav2{left:0!important; right:0;background:url(../images/bg80.png) center top repeat;top:-100%;}
.sNav2.on{top:80px;}
.sNav2 .bg{height:100%; background:url(../images/bg80.png) center top repeat;}
.sNav2 .list{width:17.6rem; margin:0px auto;background: transparent; padding:0;}
.sNav2 .list ul{padding:40px 50px 0;padding-bottom: 20px;}
.sNav2 .list ul{margin: 0 -10px;display: block;float: none;zoom: 1;}
.sNav2 .list li{float: left;box-sizing: border-box;padding: 0 10px;-ms-flex-negative: 0;flex-shrink: 0;margin-bottom:20px; width:20%;}
.sNav2 .list li a{display: block;background: #fff;border-radius: 10px;text-align: center;height: 100%;box-sizing: border-box;padding:35px 0;}
.sNav2 .list li a h3{font-size:16px; color:#000; text-align:center; font-weight:300;}
.sNav2 .list li a:hover h3{color:#fff;}
.sNav2 .list li a:hover{color: #fff; background:#d0141b;box-shadow: 0 10px 20px 0 rgba(203,31,24,0.21);}
.sNav2 .list li a i{ display:block;height:50px; width:50px;margin:0 auto;margin-bottom: 15px;}
.sNav2 .list li a i.icon-hot1{background:url(../images/nav-i1.png) center center no-repeat; background-size:100%;}
.sNav2 .list li a:hover i.icon-hot1{background-image:url(../images/nav-i1h.png);}
.sNav2 .list li a i.icon-hot2{background:url(../images/nav-i2.png) center center no-repeat;background-size:100%;}
.sNav2 .list li a:hover i.icon-hot2{background-image:url(../images/nav-i2h.png);}
.sNav2 .list li a i.icon-hot2{background:url(../images/nav-i2.png) center center no-repeat;background-size:100%;}
.sNav2 .list li a:hover i.icon-hot2{background-image:url(../images/nav-i2h.png);}
.sNav2 .list li a i.icon-hot3{background:url(../images/nav-i3.png) center center no-repeat;background-size:100%;}
.sNav2 .list li a:hover i.icon-hot3{background-image:url(../images/nav-i3h.png);}
.sNav2 .list li a i.icon-hot4{background:url(../images/nav-i4.png) center center no-repeat;background-size:100%;}
.sNav2 .list li a:hover i.icon-hot4{background-image:url(../images/nav-i4h.png);}
.sNav2 .list li a i.icon-hot5{background:url(../images/nav-i5.png) center center no-repeat;background-size:100%;}
.sNav2 .list li a:hover i.icon-hot5{background-image:url(../images/nav-i5h.png);}




/*topRight*/
.headDiv .topRight{position:absolute;right: 0;z-index: 2;-webkit-transform: translateY(-50%);-moz-ttransform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);top: 50%;}

/*topDesigner*/
.headDiv .topDesigner{}
.headDiv .topDesigner .d1{display:inline-block;background:#d0141b;border:1px solid #d0141b;color:#fff;border-radius:34px;text-align: center;line-height:34px;box-sizing: border-box;padding:0 19px; margin-left:9px;font-size:15px;}
.headDiv .topDesigner .d1:hover{background:#af0209;}
.headDiv .topDesigner .d2{display:inline-block;background:#fff; border:1px solid #d2d2d2; color:#000000;border-radius:34px;text-align: center;line-height:34px;box-sizing: border-box;padding:0 19px; margin-left:9px; font-size:15px;}
.headDiv .topDesigner .d2:hover{background:#af0209; border-color:#af0209;color:#fff;}
/*topSign*/
.headDiv .topSign{ margin-left:30px; padding-left:28px;background:url(../images/top-admin.png) left center no-repeat;background-size:20px; line-height:34px;font-size:15px;color:#646464;}
.headDiv .topSign a:hover{color:#d0141b;}

/*topSearch*/
.headDiv .topSearch{font-size:15px;color:#646464; margin-left:30px;}
.headDiv .topSearch em{ display:inline-block; line-height:36px; cursor:pointer;}
.headDiv .topSearch img{width:20px; margin-right:13px;}





/*mobile*/
.navIco{ display: none; float: right; width: 1.0rem; height: 1.2rem; text-align: center; line-height: 1.2rem; position:relative;}
.navIco img{ width: 0.36rem; display:block;position: absolute; left:0;right: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-ttransform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); margin:0 auto;}

.pageBg{ position:fixed; z-index:8; width:100%; height:100%; display:none; background:rgba(0,0,0,0.3); left:0px; top:0px;}

/*导航菜单触发*/
.navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:222; right:-100%; top:0px;}
.navLayer .bg{overflow-x: auto;position:relative; background:#fff; height:100%; width:100%; }
.navLayer .toptop{ height: 1.2rem; position: relative;/* border-bottom: #d6d6d6 solid 1px;*/}
.navLayer .closeBtn{ width: 1.2rem; height:1.2rem; position:absolute; top:0px; right:0; text-align: center; line-height: 1.2rem;}
.navLayer .closeBtn img{ width:20px; }
.sideNav{ padding: 0 0 0.3rem; }
.subNav{ cursor:pointer; display:block; height:1.1rem; line-height:1.1rem; position:relative; font-size:0.34rem; border-bottom: #d6d6d6 solid 1px;}
.subNav1{ background: url(../images/ico4.png) right center no-repeat; background-size: 0.53rem; color: #333;}
.subNav .name{ position:relative; padding-left: 0.3rem;}
.subNav a{ color:#333; display: block;}
.currentDt{background:#d0141b url(../images/ico4on.png) right center no-repeat; background-size: 0.53rem; color:#fff; }
.navContent{display: none;background: #f6f6f6;/* padding:30px 0;*/}
.navContent a{display:block; height:0.6rem; /*border-bottom: #d6d6d6 solid 1px; */line-height:0.6rem; color:#666; /*background: #f6f6f6; */font-size:0.3rem; padding-left: 0.3rem; }
.navContent li{ float:left;width: 50%;text-align: center;margin:5px 0;}
.navContent{ padding: 10px 0;}
.navContent.SelectBox li{margin:0 0;width: 50%;}
.navContent.SelectBox li a{ height:auto;}
.navContent.SelectBox li a{ font-size:0.18rem;line-height:normal;margin:0.05rem 0.4rem; padding:0.1rem 0.15rem 0.1rem 38px; }
@media screen and ( max-width:1024px ){
.navContent.SelectBox li a{font-size:16px;padding-left:38px;}
.navContent li{width:25%;}
}
@media screen and ( max-width:768px ){
	.navContent li{margin:0 0;width: 50%;}
}
/*topDesigner*/
.navLayer .topDesigner{ padding-left:0.3rem;}
.navLayer .topDesigner .d1{display:inline-block;color:#000;line-height:1.2rem;padding-left:0.4rem;font-size:16px;background: url(../images/top-u1.png) left center no-repeat; background-size:0.35rem;}
.navLayer .topDesigner .d2{margin-left:0.3rem;display:inline-block;color:#000;line-height:1.2rem;padding-left:0.4rem;font-size:16px;background: url(../images/top-u2.png) left center no-repeat; background-size:0.35rem;}
/**/
.navLayer .form{ margin:10px 10px 20px 10px;}
.navLayer form{ position:relative;}
.navLayer form .txt{display: block;box-sizing: border-box;background: #f7f7f7;padding: 10px 1.20rem 10px .2rem;border-radius:.8rem;width: 100%;height:.8rem;line-height:.8rem;color: #888;font-size: 14px;border: none; position:relative;}
.navLayer form .btn{display: block;position: absolute;right:0.2rem;top:0;border: none;background: transparent;width: .8rem;height:.8rem;overflow: hidden;text-align: center;outline: none; color: #888;background: url(../images/top-search2.png) right center no-repeat; background-size: 0.4rem; font-size:0;}
@media screen and ( max-width:768px ){
.headDiv{ position:fixed!important}
}






/*search*/
.search_input{transform:scale3d(1,1,1);transition-duration:0.5s;transform-origin:0% 50%;transition:transform 0.3s;font-family:inherit;font-size:0.5rem;line-height:1;display:inline-block;box-sizing:border-box;width:100%;padding:0;border:0;background:transparent;border-radius:0;-webkit-appearance:none;color:#fff;border-bottom:4px solid;margin-top:2.5rem;left:0;position:relative}
.search_input:-moz-placeholder{color:#333 !important;opacity:1}
.search_input::-moz-placeholder{color:#333 !important;opacity:1}
.search_input:-ms-input-placeholder{color:#333 !important;opacity:1}
.search_input::-webkit-input-placeholder{color:#333 !important;opacity:1}
.search-con{position:fixed;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%); transform: translateX(-50%);z-index:100;}
.search-con_p{font-size:14px;color:#fff;position:absolute;width:100%;text-align:right;margin-top:8px;left:0}
.search_search_box{width:27%;float:left;margin-right:6.2%}
.no_margin{margin-right:0}
.search_search_box h2{font-size:0.2rem;line-height:40px;cursor:pointer;color:#fff; font-weight:300;}
.search_search_box p{color:#8e8e8e;font-size:14px;float:left;margin-right:30px;cursor:pointer}
.search_search_box p:hover{color:#fff;cursor:pointer}
.search-box-box{width:100%;left:0;position:absolute;margin-top:1rem}
.full-screen{background-image: url(../images/close1.png); background-repeat:no-repeat;background-size: 30px; background-position:99% 30px; background-color:rgba(0,0,0,0.9);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:98;display:none;}
@media screen and ( max-width:1024px ){
.search_search_box{width:100%;margin-right:0%; margin-bottom:10px;}
.search-con{ width:90%;}
.search_input{font-size:0.5rem;margin-top:1.25rem;}
.search_search_box h2{font-size:18px;}
}
@media screen and ( max-width:768px ){
.search_search_box h2{font-size:16px;}
.full-screen{background-position:99.5% 10px;}
}

.searchBoxB{ position:relative;}
#searchbtn2{display: block;position: absolute;right:0;bottom:0;border: none;width:60px;height:60px;overflow: hidden;text-align: center;outline: none; color: #888;background: url(../images/top-search3.png) right center no-repeat; background-size:30px; font-size:0; z-index:99;}
@media screen and ( max-width:768px ){
#searchbtn2{width:68px;height:48px;background-size:20px; font-size:0;}
}
/***************************************index***************************************/


/*通用小红条*/
.circle{width:7px;height:7px;background:#fc0d1b;border-radius:50%;position:absolute;right:-5px;top:-5px}
/*tab-act*/
.tab-act{height:70px;font-size:0;text-align:center;border-bottom:1px solid #eeeeee;}
.tab-act li{display:inline-block;*display:inline;*zoom:1}
.tab-act li a{display:inline-block;line-height:70px;padding:0 0px;margin:0 0px;font-size:18px;color:#000;text-decoration:none}
.tab-act li a span{display:inline-block;padding:0 30px;}
.tab-act li a:hover{color:#000}
.tab-act .current a{color:#000}
/*mod-tab-act*/
.mod-tab-act{position:relative;background-color:#fff;z-index:2}
.mod-tab-act .border{height:2px;bottom:1px;overflow:hidden;background:#d0141b;position:absolute;z-index:9;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}
@media screen and ( max-width:1600px ){
.tab-act{height:70px;}
.tab-act li a{line-height:70px;font-size:18px;}
}
@media screen and ( max-width:1440px ){
.tab-act{height:68px;}
.tab-act li a{line-height:68px;font-size:16px;}
.tab-act li a span{padding:0 15px;}
}
@media screen and ( max-width:1024px ){
.tab-act {height:1.1333333333333333rem;}
.tab-act li a {line-height:1.1333333333333333rem;font-size:0.26666666666666666rem;}
.tab-act li a span{padding:0 10px;}
.mod-tab-act{position:relative!important;}
}
@media screen and ( max-width:768px ){
/*.tab-act{height:0.7rem;}
.tab-act li a {line-height:0.7rem;font-size:0.18rem;}*/
.tab-act li a {font-size:0.28rem;}
.mod-tab-act{position:relative!important;}
}


/*banner*/
.bannerDiv{ position: relative; padding-top:80px;}
.ind-banner{width: 100%; overflow: hidden; z-index:1!important;} 
.ind-banner .swiper-slide {position: relative;width: 100%!important;}
.ind-banner .swiper-slide .bg img{ width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
/*zi*/
.ind-banner .round{ width: 6.55rem; height: 6.55rem; position: absolute; left: 50%; margin-left: -3.28rem; margin-top: -3.28rem; top: 50%; z-index: 0;}
.ind-banner .round img{ width: 6.55rem; }
.ind-banner .onebox{ position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); z-index: 1;} 
.ind-banner .onebox .cn{ font-size: 0.6rem; line-height: 0.6rem; font-weight: bold; color: #fff; }
.ind-banner .onebox .en{ padding: 0.3rem 0 0.7rem; font-size: 0.24rem; line-height: 0.24rem; font-family:regular; color: rgba(255,255,255,0.7);}
.ind-banner .onebox .btnDiv{ position: relative; font-size: 14px; width: 180px; height: 46px; line-height: 46px; text-indent: 45px; color: #333; text-align: left; margin: 0 auto; background: url(../images/nimg180Bg.png) no-repeat; }
.ind-banner .onebox .btnDiv:after{ content: ''; position: absolute; right: 54px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../images/nimg15_1.png) no-repeat;}
.ind-banner .twobox{ position: absolute; right: 1.0rem; width: 5.5rem; top: 36%; z-index: 1; }
.ind-banner .twobox .txt{ display: inline-block; height: 28px; position: relative; padding-right: 23px; }
.ind-banner .twobox .txt:after{ content: ''; position: absolute; right: 0; top: 0; width: 23px; height: 28px; background: url(../images/nimg23Bg.png) no-repeat; }
.ind-banner .twobox .txt em{display: block;padding:0 10px 0 20px;background:#333;height: 28px;line-height: 28px;color:#fff;font-size: 22px;font-family:mont;text-transform: uppercase; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.ind-banner .twobox .name{ font-size: 0.4rem; color: #333; font-weight: bold; line-height: 0.5rem; padding-top: 10px;}
.ind-banner .twobox .content{ font-size: 16px; line-height: 30px; color: #949494; padding-top: 0.3rem; }
.ind-banner .twobox .btnDiv{ position: relative; font-size: 14px; width: 180px; height: 46px; line-height: 46px; text-indent: 45px; color: #333; margin-top: 0.6rem; background: url(../images/nimg180Bg.png) no-repeat; }
.ind-banner .twobox .btnDiv:after{ content: ''; position: absolute; right: 54px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../images/nimg15_1.png) no-repeat;}

/*.ind-banner .swiper-pagination{ padding-top: 0px; position: relative; text-align: center; left: 0; bottom: 20px !important; } 
.ind-banner .swiper-pagination-bullet { position: relative; background: none; color: #333; font-size: 16px; line-height: 34px; padding-right: 40px; width: 8px; height: 8px; opacity: 1; border-radius: 50%; margin-left: 0!important; margin-right: 0!important; } 
.ind-banner .swiper-pagination-bullet:before{ content: ''; position: absolute; width: 8px; height: 8px; border: #383732 solid 1px; display: none; box-sizing: border-box; border-radius: 50%; }
.ind-banner .swiper-pagination-bullet:after{ content: ''; position: absolute; right: 0; top: 50%; width: 8px; height: 1px; background: #e5d500;}
.ind-banner .swiper-pagination-bullet-active:before { display: block; }
.ind-banner .swiper-pagination-bullet:last-child{ padding-right: 0; }
.ind-banner .swiper-pagination-bullet:last-child:after{ display: none; }*/


.ind-banner .layer{ position: absolute; left: 0; bottom: 40px; padding-right: 103px; height: 120px; z-index: 1;}
.ind-banner .layer:after{ content: ''; position: absolute; right: 0; top: 0; width: 103px; height: 120px; background: url(../images/nimg103Bg3.png) no-repeat; }
.ind-banner .hala{ padding-left: 120px; padding-right: 106px; position: relative; height: 120px; background: #ffed00; }
/**/
.ind-banner .prev{ cursor:pointer; z-index: 2; position: absolute; display: block; left: 46px; top:50%; margin-top:-24px; width:48px; height:48px; background: url(../images/banner-left.png) center no-repeat; border-radius: 50%; }
.ind-banner .next{ cursor:pointer; z-index: 2; position: absolute; display: block; right: 46px; top:50%; margin-top:-24px;  width:48px; height:48px; background:url(../images/banner-right.png) center no-repeat; border-radius: 50%; }
.ind-banner .swiper-slide video {position: absolute;width: 100%; height:100%;left: 0px;top: 50%;transform: translateY(-50%);object-fit: cover;}
@media screen and ( max-width:1024px ){
.bannerDiv{padding-top:1.2rem;}
}


@media screen and ( max-width:768px ){
.ind-banner .prev{ display:none; top:inherit; bottom:10%; }
.ind-banner .next{  display:none; top:inherit; bottom:10%; }
}


/*designerlist*/
.mod-designer{border-bottom:1px solid #eeeeee;background-color:#fff;}
.mod-designerul{font-size:0;text-align:center;}
.mod-designerul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;}
.mod-designerul li a .img{overflow:hidden; height:0.70rem; width:0.70rem; margin:0 auto;border-radius:50%;}
.mod-designerul li a .img img{width:100%; height:100%;}
.mod-designerul li a{display:inline-block;line-height:30px;padding:0px;margin:.25rem .25rem;font-size:14px;color:#646464;text-decoration:none;}
.mod-designerul li a .img,.mod-designerul li a .img img{transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.mod-designerul li a:hover .img img{ filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75; opacity: 0.75;}
.mod-designerul li a:hover{color:#d0141b;}




/*indextit*/
.indextit{display:inline-block; text-align:center;line-height: normal;font-size:20px;display: block;font-weight: 500; color:#333; margin-bottom:40px;}
@media screen and ( max-width:1440px ){
.indextit{font-size:18px;margin-bottom:40px;}
}
@media screen and ( max-width:1024px ){
.indextit {font-size:0.3333333333333333rem;margin-bottom:0.6666666666666666rem;}
}
/*caseList*/
.caseList{padding-top:35px;padding-bottom:35px;background-color:#fff;}
.caseList .caseListul{font-size:0;text-align:left; margin:0 -14px;}
.caseList .caseListul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:20%; margin-bottom:34px;}
.caseList .caseListul li .item{margin:0 14px; text-align:left;}
.caseList .caseListul li a {display:inline-block;}
.caseList .caseListul li .img{width:100%; overflow:hidden; height:auto;margin:0 auto;border-radius:10px;}
.caseList .caseListul li .img a{display:block;border-radius:10px;overflow:hidden;}
.caseList .caseListul li .img img{width:100%; height:100%;  }
.caseList .caseListul li .img,
.caseList .caseListul li .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
.caseList .caseListul li .img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)}
/**/
.caseList .caseListul li .img{width:100%; height:100%;}
.caseList .caseListul li .img a{padding-bottom:75.75757575757576%; position:relative;height:auto;overflow:hidden;}
.caseList .caseListul li .img img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding:0;height:100%;max-width:none; width:auto;}
.caseList .caseListul li .item:hover .img img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
/**/


.caseList .caseListul li .tit{padding-right:60px; position:relative;}
.caseList .caseListul li .tit a{color:#222222;text-decoration:none; display:block;line-height:35px;height:35px;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;}
.caseList .caseListul li .tit .t{display:inline-block; text-align:left;line-height:35px;height:35px;font-size:16px;display: block;font-weight: 500;cursor: pointer;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;}
.caseList .caseListul li .tit .see{ position:absolute;right:0; top:0; font-size:12px;color:#b4b5bd;line-height:35px; display:inline-block; padding-left:18px;background: url(../images/see.png) left center no-repeat; background-size:14px;}
.caseList .caseListul li a:hover{color:#d0141b;}
/**/
.caseList .caseListul li .ds .pic{ font-size:0; line-height:0;}
.caseList .caseListul li .ds img{ width:20px; height:20px; overflow:hidden;border-radius:50%; overflow:hidden;}
.caseList .caseListul li .ds a{ display:inline-block; font-size:0; line-height:0; text-align:left;}
.caseList .caseListul li .ds .pic{margin-right:6px; display:inline-block; vertical-align:middle;}
.caseList .caseListul li .ds span{font-size:14px;color:#7d7e8d; position:relative;top:5px;}
@media screen and ( max-width:1440px ){
.caseList .caseListul li{width:20%;}

.caseList .caseListul li .tit{padding-right:60px;}
.caseList .caseListul li .tit a{line-height:35px;height:35px;}
.caseList .caseListul li .tit .t{line-height:35px;height:35px;font-size:16px;}
.caseList .caseListul li .tit .see{font-size:12px;line-height:35px;padding-left:18px;background-size:14px;}
.caseList .caseListul li .ds img{ width:20px; height:20px;}
.caseList .caseListul li .ds .pic{margin-right:6px;}
.caseList .caseListul li .ds span{font-size:14px;top:5px;}
}
@media screen and ( max-width:1024px ){
.caseList .container{ width:94%;}
.caseList .caseListul li{width:33.3333333%;}
.caseList .caseListul{margin:0 -0.14rem;}
.caseList .caseListul li{margin-bottom:0.34rem;}
.caseList .caseListul li .item{margin:0 0.14rem; text-align:left;}

.caseList .caseListul li .tit{padding-right:0.6rem;}
.caseList .caseListul li .tit a {line-height:0.5833333333333334rem;height:0.5833333333333334rem;}
.caseList .caseListul li .tit .t {line-height:0.5833333333333334rem;height:0.5833333333333334rem;font-size:0.26666666666666666rem;}
.caseList .caseListul li .tit .see {font-size:0.2rem;line-height:0.5833333333333334rem;padding-left:0.3rem;background-size:0.23333333333333334rem;}

.caseList .caseListul li .ds img {width:0.3333333333333333rem;height:0.3333333333333333rem;}
.caseList .caseListul li .ds .pic {margin-right:0.1rem;}
.caseList .caseListul li .ds span {font-size:0.23333333333333334rem;top:0.08333333333333333rem;}
}
@media screen and ( max-width:768px ){
.caseList .caseListul li{width:50%;}

/*.caseList .caseListul li .tit {padding-right:0.6rem;}
.caseList .caseListul li .tit a {line-height:0.4rem;height:0.4rem;}
.caseList .caseListul li .tit .t {line-height:0.4rem;height:0.4rem;font-size:0.16rem;}
.caseList .caseListul li .tit .see {font-size:0.12rem;line-height:0.4rem;padding-left:0.18rem;background-size:0.14rem;}
.caseList .caseListul li .ds img {width:0.2rem;height:0.2rem;}
.caseList .caseListul li .ds .pic {margin-right:0.06rem;}
.caseList .caseListul li .ds span {font-size:0.14rem;top:0.05rem;}*/
}


/*分页*/
.tcdPageCode{padding: 10px 0 40px 0; margin:0 auto; text-align: center;color: #ccc;}
.tcdPageCode a,.tcdPageCode span{display:inline-block;vertical-align:top;color:#b4b5bd;display: inline-block; width:40px; height:40px;line-height:40px;border-radius:40px; margin: 0 3px;vertical-align: middle;background-color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; border:1px solid #b0b0b0;}
.tcdPageCode span{padding:0 14px 0 14px;}
.tcdPageCode a:hover{text-decoration: none;color: #d0141b; font-weight:bold;}
.tcdPageCode .disabled{color: #bfbfbf;background: #e4e4e4;}
.tcdPageCode .current{background-color: #000; border-color:#000;}
.tcdPageCode .shuru{border:0;width:38px;padding:0 10px;line-height:40px;font-size:14px;color:#b4b5bd;text-align:center;border-radius:20px;margin:0 12px; margin-left:35px; box-sizing:inherit;}
.tcdPageCode .fy,
.tcdPageCode .jump{ width:38px;font-size:13px;text-align:center;line-height:40px;padding:0 10px;margin:0;cursor:pointer;background-color: #000;color: #FFF;border-color:#000;}
.tcdPageCode .pages-count,
.tcdPageCode .fy{ display:none;}
@media screen and ( max-width:768px ){
.tcdPageCode .pages-count{ display:inline-block; font-size:14px;color:#b4b5bd;}
.tcdPageCode .fy{ width:auto !important; display:inline-block;padding:0 20px; margin:0 6px; background:#d0141b;border-color:#d0141b;}
.tcdPageCode .shuru{margin-left:12px;}
.tcdPageCode span,
.tcdPageCode .tcdNumber{display:none;}
}
@media screen and ( max-width:640px ){
.tcdPageCode .shuru{width:30px;padding:0 10px;height:30px;line-height:30px;font-size:12px;border-radius:15px;}
.tcdPageCode .fy,
.tcdPageCode .jump{font-size:12px;/*line-height:30px;*/padding:0 10px;}

}

/*searchform*/
.searchform{text-align:center; padding-bottom:15px; padding-top:32px;}
.searchform form{ position:relative; width:100%;max-width:600px; margin:0 auto; }
.searchform form .txt{display:block;box-sizing: border-box;background:#f9f9f9;padding:0px 1.20rem 0px .2rem;border-radius:10px;width:100%;height:48px;line-height:48px;color: #646464;font-size:15px;border: none;position:relative;border:1px solid #e5e5e5;}
.searchform form .btn{display: block;position: absolute;right:0;top:0;border: none;background: transparent;width:68px;height:48px;overflow: hidden;text-align: center;outline: none; color: #888;background: url(../images/top-search3.png) center center no-repeat; background-size: 14px; font-size:0;}
@media screen and ( max-width:768px ){
.searchform{text-align:center; padding-bottom:15px; padding-top:32px;}
.searchform form .txt{padding:0px 1.20rem 0px .2rem;border-radius:10px;height:48px;line-height:48px;font-size:15px;}
.searchform form .btn{width:68px;height:48px;background-size: 14px; font-size:0;}
}


/*listNav*/
.listNav{padding-top:46px;padding-bottom:46px;background-color:#fff;border-bottom:1px solid #ebedf2;}
.listNav .listNavul{font-size:0;text-align:left;border:1px solid #d2d2d2; max-width:450px; margin:0 auto; overflow:hidden;border-radius:10px;}
.listNav .listNavul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top; width:50%;}
.listNav .listNavul li a {display:block; line-height:56px; height:56px;background-color:#fff;font-size:16px; color:#333333; text-align:center;}
.listNav .listNavul li.on a{background-color:#d0141b;color:#fff;border-radius:10px;}
.listNav .listNavul li a span{display:inline-block;padding-left:22px;background-repeat:no-repeat;background-position:left center; background-size:16px;background-image:url(../images/index3-icon1.png);}
.listNav .listNavul li.on a span{background-image:url(../images/index3-icon1h.png);}
.listNav .listNavul li.li2 a  span{ background-image:url(../images/index3-icon2.png);}
.listNav .listNavul li.li2.on a span{background-image:url(../images/index3-icon2h.png);}
@media screen and ( max-width:1800px ){
.listNav{padding-top:46px;padding-bottom:46px;}
.listNav .listNavul{max-width:450px;border-radius:10px;}
.listNav .listNavul li a {line-height:56px; height:56px;font-size:16px;}
.listNav .listNavul li.on a{border-radius:10px;}
.listNav .listNavul li a span{background-size:16px;}
}
@media screen and ( max-width:1440px ){
.listNav{padding-top:42px;padding-bottom:42px;}
.listNav .listNavul{max-width:430px;border-radius:8px;}
.listNav .listNavul li a {line-height:52px; height:52px;font-size:14px;}
.listNav .listNavul li.on a{border-radius:8px;}
.listNav .listNavul li a span{background-size:14px;}
}
@media screen and ( max-width:1024px ){
.listNav {padding-top:0.7rem;padding-bottom:0.7rem;}
.listNav .listNavul {max-width:7.166666666666667rem;border-radius:0.13333333333333333rem;}
.listNav .listNavul li a {line-height:0.8666666666666667rem;height:0.8666666666666667rem;font-size:0.23333333333333334rem;}
.listNav .listNavul li.on a {border-radius:0.13333333333333333rem;}
.listNav .listNavul li a span {background-size:0.23333333333333334rem;}
}
@media screen and ( max-width:768px ){
.listNav {padding-top:0.46rem;padding-bottom:0.46rem;}
.listNav .listNavul {max-width:4.5rem;border-radius:0.1rem;}
.listNav .listNavul li a {line-height:0.56rem;height:0.56rem;font-size:13px;}
.listNav .listNavul li.on a {border-radius:0.1rem;}
.listNav .listNavul li a span {background-size:12px;}
}
@media screen and ( max-width:640px ){
.listNav {padding-top:0.6rem;padding-bottom:0.6rrem;}
.listNav .listNavul {max-width:6rem;border-radius:0.1rem;}
.listNav .listNavul li a {line-height:0.6rem;height:0.6rem;font-size:14px;}
.listNav .listNavul li.on a {border-radius:0.1rem;}
.listNav .listNavul li a span {background-size:14px;}
}
}

/*caseList*/
.caseList2{background-color:#fff;}
.caseList2 .caseList2ul{font-size:0;text-align:left;}
.caseList2 .caseList2ul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:100%;}
/*.caseList2 .caseList2ul li:hover{ background:#f4f6f9;}*/

.caseList2 .caseList2ul li:nth-child(2n){ background:#f4f6f9;}
.caseList2 .caseList2ul li .item{ display:block; position:relative;}
.caseList2 .caseList2ul li a{ display:inline-block;}
.caseList2 .caseList2ul li .itemInfoBox{padding:28px 20px 28px 38px;}
.caseList2 .caseList2ul li .itemInfo{ position:relative; padding-left:100px;}
.caseList2 .caseList2ul li .num{position:absolute;left:0;top: 50%;width:41px;height:41px; line-height:41px;border-radius:50%;overflow:hidden;-webkit-transform: translateY(-50%);-moz-ttransform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); background:#d0141b; font-size:20px;color:#ffffff; font-style:italic; text-align:center;}
/**/
.caseList2 .caseList2ul li .img{width:100%; overflow:hidden; height:auto;margin:0 auto;border-radius:10px; width:220px; float:left; margin-right:30px; position:relative; z-index:2;}
.caseList2 .caseList2ul li .img img{width:100%; height:100%;}
.caseList2 .caseList2ul li .img,
.caseList2 .caseList2ul li .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
.caseList2 .caseList2ul li .img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)}
/**/
.caseList2 .caseList2ul li .listNr{position:relative; padding-top:28px; padding-right:300px;}
.caseList2 .caseList2ul li .tit{padding-right:60px; position:relative;}
.caseList2 .caseList2ul li .tit .t{display:block;font-size:20px;color:#000;line-height:35px;height:35px;font-weight: 500;white-space: nowrap;max-width:100%;text-overflow:ellipsis;overflow: hidden;}
.caseList2 .caseList2ul li .tit .t:hover{color:#d0141b;}
.caseList2 .caseList2ul li .date span{ display:inline-block;line-height:20px;border-radius:20px;background:#9ea0ae;font-size:12px; padding:0 12px; color:#fff; margin-top:6px; margin-bottom:45px;}
/**/
.caseList2 .caseList2ul li .ds .pic{ font-size:0; line-height:0;}
.caseList2 .caseList2ul li .ds img{ width:20px; height:20px; overflow:hidden;border-radius:50%; overflow:hidden;}
.caseList2 .caseList2ul li .ds a{ display:inline-block; font-size:0; line-height:0; text-align:left;}
.caseList2 .caseList2ul li .ds .pic{margin-right:6px; display:inline-block; vertical-align:middle;}
.caseList2 .caseList2ul li .ds .n{display:inline-block;font-size:14px;color:#7d7e8d; position:relative;top:5px; line-height:28px;}
.caseList2 .caseList2ul li .ds .gz{display:inline-block;line-height:26px;border-radius:20px;background:#d0141b;font-size:12px; padding:0 10px; color:#fff;border:1px solid #d0141b;position:relative;top:5px; margin-left:20px;}
.caseList2 .caseList2ul li .ds .dz{display:inline-block;line-height:26px;border-radius:20px;background:#fff;font-size:12px; padding:0 10px; color:#7d7e8d;border:1px solid #c4c8cf;position:relative;top:5px;margin-left:5px;}
/**/
.caseList2 .caseList2ul li .m{position:absolute;right:0;top:50%;width:260px;overflow:hidden;-webkit-transform: translateY(-50%);-moz-ttransform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.caseList2 .caseList2ul li .m .mbtn{width:100px;border:1px solid #c4c8cf;border-radius:36px;height:36px;line-height:36px;font-size:12px;color:#333333;text-align:center; float:right; margin-top:5px;}
.caseList2 .caseList2ul li .m span{padding-right:18px;background:url(../images/s.png) no-repeat right center;background-size:7px;}
.caseList2 .caseList2ul li .m .mbtn:hover{color:#d0141b;}
.caseList2 .caseList2ul li .see .sj{font-size:30px; color:#333333;}
.caseList2 .caseList2ul li .see .sjn{font-size:14px; color:#646464;}
.caseList2 .caseList2ul li .see{ float:left;}


.caseList2 .caseList2ul li.li1 .num{ background:#eebc71;}
.caseList2 .caseList2ul li.li2 .num{ background:#7d7e8d;}
.caseList2 .caseList2ul li.li3 .num{ background:#ad813f;}
@media screen and ( max-width:1800px ){

.caseList2 .caseList2ul li .itemInfoBox{padding:28px 20px 28px 38px;}
.caseList2 .caseList2ul li .itemInfo{padding-left:100px;}
.caseList2 .caseList2ul li .num{width:41px;height:41px;line-height:41px;font-size:20px;}
.caseList2 .caseList2ul li .img{border-radius:10px; width:220px;margin-right:30px;}
.caseList2 .caseList2ul li .listNr{padding-top:28px; padding-right:300px;}
.caseList2 .caseList2ul li .tit{padding-right:60px;}
.caseList2 .caseList2ul li .tit .t{font-size:20px;line-height:35px;height:35px;}
.caseList2 .caseList2ul li .date span{line-height:20px;border-radius:20px;font-size:12px; padding:0 12px; margin-top:6px; margin-bottom:45px;}
.caseList2 .caseList2ul li .ds img{ width:20px; height:20px;}
.caseList2 .caseList2ul li .ds .pic{margin-right:6px;}
.caseList2 .caseList2ul li .ds .n{font-size:14px;top:5px; line-height:28px;}
.caseList2 .caseList2ul li .ds .gz{line-height:26px;border-radius:20px;font-size:12px; padding:0 10px;top:5px; margin-left:20px;}
.caseList2 .caseList2ul li .ds .dz{line-height:26px;border-radius:20px;font-size:12px; padding:0 10px;top:5px;margin-left:5px;}
.caseList2 .caseList2ul li .m{width:260px;}
.caseList2 .caseList2ul li .m .mbtn{width:100px;border-radius:36px;height:36px;line-height:36px;font-size:12px;margin-top:5px;}
.caseList2 .caseList2ul li .m span{padding-right:18px;background-size:7px;}
.caseList2 .caseList2ul li .see .sj{font-size:30px;}
.caseList2 .caseList2ul li .see .sjn{font-size:14px;}
}
@media screen and ( max-width:1440px ){
.caseList2 .w1200{width:80%;}
.caseList2 .caseList2ul li .itemInfoBox{padding:26px 18px 26px 36px;}
.caseList2 .caseList2ul li .itemInfo{padding-left:90px;}
.caseList2 .caseList2ul li .num{width:40px;height:40px;line-height:40px;font-size:18px;}
.caseList2 .caseList2ul li .img{border-radius:10px; width:210px;margin-right:25px;}
.caseList2 .caseList2ul li .listNr{padding-top:26px; padding-right:260px;}
.caseList2 .caseList2ul li .tit{padding-right:60px;}
.caseList2 .caseList2ul li .tit .t{font-size:18px;line-height:32px;height:32px;}
.caseList2 .caseList2ul li .date span{line-height:20px;border-radius:20px;font-size:12px; padding:0 12px; margin-top:6px; margin-bottom:40px;}
.caseList2 .caseList2ul li .ds img{ width:20px; height:20px;}
.caseList2 .caseList2ul li .ds .pic{margin-right:6px;}
.caseList2 .caseList2ul li .ds .n{font-size:12px;top:5px; line-height:26px;}
.caseList2 .caseList2ul li .ds .gz{line-height:26px;border-radius:20px;font-size:12px; padding:0 8px;top:5px; margin-left:15px;}
.caseList2 .caseList2ul li .ds .dz{line-height:26px;border-radius:20px;font-size:12px; padding:0 8px;top:5px;margin-left:5px;}
.caseList2 .caseList2ul li .m{width:220px;}
.caseList2 .caseList2ul li .m .mbtn{width:100px;border-radius:36px;height:36px;line-height:36px;font-size:12px;margin-top:5px;}
.caseList2 .caseList2ul li .m span{padding-right:18px;background-size:7px;}
.caseList2 .caseList2ul li .see .sj{font-size:26px;}
.caseList2 .caseList2ul li .see .sjn{font-size:13px;}
}
@media screen and ( max-width:1220px ){
.caseList2 .w1200{width:94%; max-width:16rem;}
}
@media screen and ( max-width:1024px ){
.caseList2 .caseList2ul li .itemInfoBox {padding:0.43333333333333335rem 0.3rem 0.43333333333333335rem 0.6rem;}
.caseList2 .caseList2ul li .itemInfo {padding-left:1.5rem;}
.caseList2 .caseList2ul li .num {width:0.6666666666666666rem;height:0.6666666666666666rem;line-height:0.6666666666666666rem;font-size:0.3rem;}
.caseList2 .caseList2ul li .img {border-radius:0.16666666666666666rem;width:3.5rem;margin-right:0.4166666666666667rem;}

.caseList2 .caseList2ul li .listNr {padding-top:0.4666666666666667rem;padding-right:4.333333333333333rem;}
.caseList2 .caseList2ul li .tit {padding-right:1rem;}
.caseList2 .caseList2ul li .tit .t {font-size:0.3rem;line-height:0.5333333333333333rem;height:0.5333333333333333rem;}
.caseList2 .caseList2ul li .date span {line-height:0.3333333333333333rem;border-radius:0.3333333333333333rem;font-size:0.2rem;padding:0 0.2rem;margin-top:0.1rem;margin-bottom:0.6666666666666666rem;}
.caseList2 .caseList2ul li .ds img {width:0.3333333333333333rem;height:0.3333333333333333rem;}
.caseList2 .caseList2ul li .ds .pic {margin-right:0.1rem;}
.caseList2 .caseList2ul li .ds .n {font-size:0.2rem;top:0.08333333333333333rem;line-height:0.43333333333333335rem;}
.caseList2 .caseList2ul li .ds .gz {line-height:0.43333333333333335rem;border-radius:0.3333333333333333rem;font-size:0.2rem;padding:0 0.13333333333333333rem;top:0.08333333333333333rem;margin-left:0.25rem;}
.caseList2 .caseList2ul li .ds .dz {line-height:0.43333333333333335rem;border-radius:0.3333333333333333rem;font-size:0.2rem;padding:0 0.13333333333333333rem;top:0.08333333333333333rem;margin-left:0.08333333333333333rem;}
.caseList2 .caseList2ul li .m {width:3.6666666666666665rem;}
.caseList2 .caseList2ul li .m .mbtn {width:1.6666666666666667rem;border-radius:0.6rem;height:0.6rem;line-height:0.6rem;font-size:0.2rem;margin-top:0.08333333333333333rem;}
.caseList2 .caseList2ul li .m span {padding-right:0.3rem;background-size:0.11666666666666667rem;}
.caseList2 .caseList2ul li .see .sj {font-size:0.43333333333333335rem;}
.caseList2 .caseList2ul li .see .sjn {font-size:0.21666666666666667rem;}

}
@media screen and ( max-width:992px ){
.caseList2 .caseList2ul li .itemInfoBox {padding:0.28rem 0.2rem 0.28rem 0.38rem;}
.caseList2 .caseList2ul li .itemInfo {padding-left:1rem;}
.caseList2 .caseList2ul li .num {width:0.41rem;height:0.41rem;line-height:0.41rem;font-size:0.2rem;}
.caseList2 .caseList2ul li .img {border-radius:0.1rem;width:2.1rem;margin-right:0.25rem;}
.caseList2 .caseList2ul li .listNr {padding-top:0.16rem;padding-right:3rem;}
.caseList2 .caseList2ul li .tit {padding-right:0.6rem;}
.caseList2 .caseList2ul li .tit .t {font-size:0.2rem;line-height:0.35rem;height:0.35rem;}
.caseList2 .caseList2ul li .date span {padding:0 0.12rem;margin-top:0.06rem;margin-bottom:0.45rem;}
.caseList2 .caseList2ul li .ds img {width:0.2rem;height:0.2rem;}
.caseList2 .caseList2ul li .ds .pic {margin-right:0.06rem;}
.caseList2 .caseList2ul li .ds .n {font-size:0.14rem;top:0.05rem;line-height:0.28rem;}
.caseList2 .caseList2ul li .ds .gz {line-height:0.26rem;border-radius:0.2rem;font-size:0.12rem;padding:0 0.1rem;top:0.05rem;margin-left:0.2rem;}
.caseList2 .caseList2ul li .ds .dz {line-height:0.26rem;border-radius:0.2rem;font-size:0.12rem;padding:0 0.1rem;top:0.05rem;margin-left:0.05rem;}
.caseList2 .caseList2ul li .m {width:2.6rem;}
.caseList2 .caseList2ul li .m .mbtn {width:1.4rem;border-radius:0.36rem;height:0.36rem;line-height:0.36rem;font-size:0.12rem;margin-top:0.05rem;}
.caseList2 .caseList2ul li .m span {padding-right:0.18rem;background-size:0.07rem;}
.caseList2 .caseList2ul li .see .sj {font-size:0.3rem;}
.caseList2 .caseList2ul li .see .sjn {font-size:0.14rem;}
}
@media screen and ( max-width:640px ){
.caseList2 .caseList2ul li .itemInfo {padding-left:0.8rem;}
.caseList2 .caseList2ul li .itemInfoBox {padding:0.2rem 0.2rem 0.2rem 0.2rem;}
.caseList2 .caseList2ul li .img {width:40%;margin-right:3%; margin-bottom:0.3rem;}
.caseList2 .caseList2ul li .listNr{width:57%;padding-top:0; padding-right:0px; float:left; padding-bottom:0.3rem;}
.caseList2 .caseList2ul li .date span {padding:0 0.12rem;margin-top:0.06rem;margin-bottom:0.2rem;}
.caseList2 .caseList2ul li .tit {padding-right:0;}
.caseList2 .caseList2ul li .tit .t {font-size:14px;line-height:26px;height:26px;}
.caseList2 .caseList2ul li .ds .n {font-size:12px; line-height:20px;}
.caseList2 .caseList2ul li .m{ float:left;position: static;right:0;top:0;width:100%;-webkit-transform: translateY(0);-moz-ttransform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.caseList2 .caseList2ul li .see .sj{display:inline-block;font-size:0.26rem; margin-right:5px;}
.caseList2 .caseList2ul li .see .sjn{display:inline-block;font-size:12px;}
.caseList2 .caseList2ul li .see{ line-height:24px;}
.caseList2 .caseList2ul li .m .mbtn{width:auto;border-radius:24px;height:24px;line-height:24px;font-size:12px;margin-top:0px; padding:0 10px;}
.caseList2 .caseList2ul li .ds img {width:18px;height:18px;}
.caseList2 .caseList2ul li .ds .gz{line-height:26px;border-radius:20px;font-size:13px; padding:0 10px;top:0px; margin-left:8px;}
.caseList2 .caseList2ul li .ds .dz{line-height:26px;border-radius:20px;font-size:13px; padding:0 10px;top:0px;margin-left:5px;}
}












/***************************************footer***************************************/
/*footer1*/
.footer1{ padding:0.25rem 0 .25rem; position: relative; overflow: hidden;border-top:1px solid #e5e5e5;background-color:#fff;}
.footer1tit{text-align: center;font-weight:500;color:#000000;font-size:26px;line-height:normal; margin-bottom:0.26rem;}
.footer1ul{ padding: 0.26rem 0 0.47rem;border-top:1px solid #d9dade;}
.footer1ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.footer1ul li{align-items: flex-start; -webkit-align-items: flex-start;text-align:center; width:16.66666666666667%;}
.footer1ul li .img{ width:80px; margin:0 auto; text-align:center;}
.footer1ul li .img img{ max-width:100%;}
.footer1ul li .tit{ font-size: 20px; line-height: normal; color: #000000;padding-top:0.14rem;}
.footer1ul li .des{ font-size: 13px; line-height:20px; color: #000000; padding-top:0.1rem; }
.footer1ul li,
.footer1ul li .img img,
.footer1ul li .img{-webkit-transition:All 0.9s ease;-moz-transition:All 0.9s ease;-o-transition:All 0.9s ease;transition:All 0.9s ease;}
.footer1ul li:hover .img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
@media screen and ( max-width:1440px ){
.footer1tit{font-size:24px;}
.footer1ul li .img{ width:60px;}
.footer1ul li .tit{ font-size: 18px;}
.footer1ul li .des{ font-size: 12px; line-height:20px;}
}
@media screen and ( max-width:1024px ){
.footer1ul{ display: block; }
.footer1ul li{ display: block; float: left; width:33.333333%; position: relative; box-sizing: border-box; padding-bottom: 0.5rem;}
.footer1tit{font-size:0.28rem;}
.footer1ul li .img {width:1rem;}
.footer1ul li .tit {font-size:0.3rem;}
.footer1ul li .des {font-size:0.2rem;line-height:0.3333333333333333rem;}
}
@media screen and ( max-width:768px ){
.footer1{ padding:0.5rem 0 .5rem;}
.footer1ul li{width:50%;}
.footer1tit{font-size:0.32rem;}
.footer1ul li .img{ width:0.8rem;}
.footer1ul li .tit{ font-size: .26rem;}
.footer1ul li .des{ font-size: .20rem; line-height:0.4rem;}
}


/*moreBtn*/
.moreBtn{margin: 0 auto; position:relative; text-align:center;}
.moreBtn:before{ content: ''; position: absolute; left: 0;right:0; height:1px; top: 50%; width:100%;background:#d9dade;}
.moreBtn a{display:inline-block; position: relative; width:250px; height:50px; line-height:50px; font-size:20px; color: #fff; text-align:center;background:#d0141b;border-radius:50px; overflow:hidden; margin:0 auto;}
.moreBtn a span{ position:relative; z-index:2;}
.moreBtn a:after{ content: ''; position: absolute; left: 0; top:0; width:0; height:100%;background:#a40006; z-index:1;}
.moreBtn a:hover:after{ width:100%;}
.moreBtn a:after,
.moreBtn a{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
/*grey*/
.moreBtn .grey{background: #ecedf2; color:#3b4048; margin-right:0.14rem;}
.moreBtn .grey:after{background:#fff3f3;}
@media screen and ( max-width:1920px ){
.moreBtn a{width:2.50rem; height:.5rem; line-height:.5rem; font-size:0.2rem;border-radius:.5rem;}	
}
@media screen and ( max-width:1440px ){
.moreBtn a{width:230px; height:45px; line-height:45px;font-size:18px;border-radius:45px;}
}
@media screen and ( max-width:1024px ){
/*.moreBtn a {width:2.4rem;height:0.4rem;line-height:0.4rem;font-size:16px;}*/
}
@media screen and ( max-width:767px ){
.moreBtn a {width:3rem;height:0.6rem;line-height:0.6rem;font-size:0.24rem;border-radius:0.5rem;}
}
@media screen and ( max-width:550px ){
.moreBtn a {width:3rem;height:0.7rem;line-height:0.7rem;font-size:0.24rem;border-radius: 30px;}
}






/*footer2*/
.footer2{ background:#d0141b; padding:0.44rem 0;}
.footer2 .container{ position:relative; min-height:100px;}
.footer2 .footer2Left{width:60%;}
.footer2 .footer2Left .footer2tit{ font-size:26px;line-height: normal;color: #fff;padding-bottom:0.2rem;}
.footer2 .footer2nav{font-size:0;}
.footer2 .footer2nav li{font-size:15px;color:#ffffff; padding-left:20px; padding-right:20px; line-height:20px;display:inline-block;*display:inline;*zoom:1; vertical-align:top; position:relative; cursor:pointer;}
.footer2 .footer2nav li:before{ content: ''; position: absolute; left: 0; top:3px; width:1px; height:14px;background:#fff; z-index:1;}
.footer2 .footer2nav li a{ display:inline-block;color:#ffffff; }
.footer2 .footer2nav li a:hover{ color:#fac7c7;}
.footer2 .footer2nav li .name{ padding-right:17px; display:inline-block;background: url(../images/v.png) 98% center no-repeat; background-size:10px; overflow:hidden; border-radius:2px;}
.footer2 .footer2nav li .name{ padding-left:5px;}
.footer2 .footer2nav li.cur .name{background-color: #c30008;}
.footer2 .footer2nav dl{width:100%; display:none;padding:20px 0px;border-top: 1px solid #d94349;border-bottom: 1px solid #d94349;}
.footer2 .footer2nav dd{display:inline-block;display:inline;zoom:1; vertical-align:top; }
.footer2 .footer2nav dd a{display:inline-block;color:#ffffff; line-height:24px;padding:5px 0;font-size:14px;margin-right:30px;}
.footer2 .footer2nav dd a:hover{ color:#fac7c7;}
/*footer2copyright*/
.footer2 .footer2copyright{font-size:13px;color:#ffffff;padding-top:0.1rem;}
.footer2 .footer2copyright a{ display:inline-block;color:#ffffff; }
.footer2 .footer2copyright a:hover{ color:#fac7c7;}
/*footer2Right*/
.footer2 .footer2Right{text-align:right; position:absolute;right:0;top:0;}
.footer2 .footer2Right table td{ vertical-align:middle;}
.footer2 .footer2Right table td img{ max-width:100%;}
.footer2 .footer2Right .bottom-logo img{width:220px;}
.footer2 .footer2Right .bottom-code{ padding-right:0.54rem;}
.footer2 .footer2Right .bottom-code img{width:80px; max-width:80px; padding:9px;border:1px solid #de5b60;}
@media screen and ( max-width:1800px ){
.footer2{padding:0.44rem 0;}
.footer2 .footer2Left{width:60%;}
.footer2 .footer2Left .footer2tit{font-size:26px;padding-bottom:0.2rem;}
.footer2 .footer2nav li{font-size:15px;padding-left:20px;padding-right:20px; line-height:20px;}
.footer2 .footer2nav li:before{top:3px;height:14px;}
.footer2 .footer2nav li .name{ padding-right:17px;background-size:10px;}
.footer2 .footer2nav .links dl{bottom:20px;}
.footer2 .footer2nav .links dd a{line-height:24px;padding:5px 8px;font-size:12px;}
.footer2 .footer2copyright{font-size:13px;padding-top:0.1rem;}
.footer2 .footer2Right .bottom-logo img{width:220px;}
.footer2 .footer2Right .bottom-code{ padding-right:0.54rem;}
.footer2 .footer2Right .bottom-code img{width:80px; max-width:80px; padding:9px;}
}
@media screen and ( max-width:1440px ){
.footer2{padding:0.44rem 0;}
.footer2 .footer2Left{width:60%;}
.footer2 .footer2Left .footer2tit{font-size:24px;padding-bottom:0.2rem;}
.footer2 .footer2nav li{font-size:14px;padding-left:0.2rem;padding-right:0.2rem; line-height:20px;}
.footer2 .footer2nav li:before{top:3px;height:14px;}
.footer2 .footer2nav li .name{ padding-right:17px;background-size:10px;}
.footer2 .footer2nav .links dl{bottom:0.2rem;}
.footer2 .footer2nav .links dd a{line-height:24px;padding:5px 8px;font-size:12px;}
.footer2 .footer2copyright{font-size:13px;padding-top:0.1rem;}
.footer2 .footer2Right .bottom-logo img{width:2.2rem;}
.footer2 .footer2Right .bottom-code{ padding-right:0.54rem;}
.footer2 .footer2Right .bottom-code img{width:0.8rem; max-width:0.8rem; padding:0.09rem;}
}
@media screen and ( max-width:1024px ){
.footer2{padding:0.44rem 0;}
.footer2 .footer2Left{width:60%;}
.footer2 .footer2Left .footer2tit{font-size:20px;padding-bottom:0.2rem;}
.footer2 .footer2nav li{font-size:13px;padding-left:0.2rem;padding-right:0.2rem; line-height:20px;}
.footer2 .footer2nav li:before{top:3px;height:14px;}
.footer2 .footer2nav li .name{ padding-right:17px;background-size:10px;}
.footer2 .footer2nav .links dl{bottom:0.2rem;}
.footer2 .footer2nav .links dd a{line-height:24px;padding:5px 8px;font-size:12px;}
.footer2 .footer2copyright{font-size:12px;padding-top:0.1rem;}
.footer2 .footer2Right .bottom-logo img{width:2.2rem;}
.footer2 .footer2Right .bottom-code{ padding-right:0.54rem;}
.footer2 .footer2Right .bottom-code img{width:0.8rem; max-width:0.8rem; padding:0.09rem;}
}
@media screen and ( max-width:768px ){
.footer2 .footer2Left .footer2tit{font-size:16px;padding-bottom:0.2rem;}
.footer2 .footer2Left{width:100%; padding-bottom:0.3rem;}
.footer2 .footer2Right{text-align:left; position: static;}
.footer2 .footer2nav li{font-size:12px;padding-left:0.2rem;padding-right:0.2rem; line-height:20px;}
.footer2 .footer2nav dd a{font-size:12px;line-height:20px;margin-right:20px;}
}



/***************************************************pageWrap***************************************************/


/*pageWrap*/
.pageWrap{ overflow:hidden; background:#ebedf2; padding-top:20px; padding-bottom:40px;}
.pageWrap .container{ position:relative;min-height:260px;}
/*page-sidebar*/
.page-sidebar{position: absolute;left:0;top:0;bottom:0;z-index:1;font-size:14px;width:240px; }
.page-sidebar .page-menus{background-color:#fff;border-radius:10px;}
.page-sidebar li{display:block;text-align:left; position:relative;margin-bottom:.05rem;}
.page-sidebar li.on{background-color:#fff;color:#ff6000}
.page-sidebar li.on a{color:#d0141b}
.page-sidebar li.on::before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:.03rem;background-color:#d11b22;}
.page-sidebar a{color:#4e4e4e; display:block;padding-left:0.3rem;font-size:15px;line-height:.50rem;}
.page-sidebar a:hover{color:#d0141b}
/*page-content*/
.page-content{ margin-left:260px;background-color:#fff;border-radius:10px; overflow:hidden;}
.page-content img{ max-width:100%;}
.page-content .conNr{ padding:0 30px;}
.page-content .page-Tit{font-size:18px;color:#000000;line-height:0.7rem;border-bottom:1px solid #ebedf2;}
.page-content .page-Txt{padding:30px 0;font-size:15px;color:#4a4a53;line-height:30px;}
@media screen and ( max-width:1800px ){
.pageWrap{padding-top:20px; padding-bottom:40px;}
.page-sidebar{font-size:14px;width:240px; }
.page-sidebar .page-menus{border-radius:10px;}
.page-sidebar li{margin-bottom:.05rem;}
.page-sidebar li.on::before{width:.03rem;}
.page-sidebar a{padding-left:0.3rem;font-size:15px;line-height:.50rem;}
.page-content{ margin-left:260px;border-radius:10px;}
.page-content .conNr{ padding:0 30px;}
.page-content .page-Tit{font-size:18px;line-height:0.7rem;}
.page-content .page-Txt{padding:30px 0;font-size:15px;line-height:30px;}
}
@media screen and ( max-width:1440px ){
.pageWrap{padding-top:20px; padding-bottom:30px;}
.page-sidebar{font-size:14px;width:240px; }
.page-sidebar .page-menus{border-radius:10px;}
.page-sidebar li{margin-bottom:5px;}
.page-sidebar li.on::before{width:3px;}
.page-sidebar a{padding-left:26px;font-size:14px;line-height:.50rem;}
.page-content{ margin-left:260px;border-radius:10px;}
.page-content .conNr{ padding:0 30px;}
.page-content .page-Tit{font-size:16px;line-height:0.7rem;}
.page-content .page-Txt{padding:30px 0;font-size:14px;line-height:26px;}
}
@media screen and ( max-width:1220px ){
.pageWrap {padding-top:0.2rem;padding-bottom:0.3rem;}
.page-sidebar {font-size:0.14rem;width:2.4rem;}
.page-sidebar .page-menus {border-radius:0.1rem;}
.page-sidebar li {margin-bottom:0.05rem;}
.page-sidebar li.on::before {width:0.03rem;}
.page-sidebar a {padding-left:0.26rem;font-size:0.14rem;line-height:.50rem;}
.page-content {margin-left:2.6rem;border-radius:0.1rem;}
.page-content .conNr {padding:0 0.3rem;}
.page-content .page-Tit {font-size:0.16rem;line-height:0.7rem;}
.page-content .page-Txt {padding:0.3rem 0;font-size:0.14rem;line-height:0.26rem;}

}
@media screen and ( max-width:1024px ){
.pageWrap{padding-top:20px; padding-bottom:30px;}
.page-sidebar{font-size:14px;width:2.4rem;}
.page-sidebar .page-menus{border-radius:10px;}
.page-sidebar li{margin-bottom:5px;}
.page-sidebar li.on::before{width:2px;}
.page-sidebar a{padding-left:20px;font-size:14px;line-height:0.5rem;}
.page-content{margin-left:2.6rem;border-radius:10px;}
.page-content .conNr{ padding:0 0.3rem;}
.page-content .page-Tit{font-size:16px;line-height:0.7rem;}
.page-content .page-Txt{padding:0.3rem 0;font-size:14px;line-height:24px;}
}
@media screen and ( max-width:768px ){
.pageWrap{padding-top:20px; padding-bottom:30px;}
.page-sidebar{font-size:12px;width:100%; position:static; margin-bottom:0.2rem }
.page-sidebar .page-menus{border-radius:8px;}
.page-sidebar li{margin-bottom:0;}
.page-sidebar li.on::before{ display:none;}
.page-sidebar .page-menus{overflow-y:hidden;overflow-x:auto;white-space:nowrap;}
.page-sidebar .page-menus::-webkit-scrollbar{display:none}
.page-sidebar .page-menus{font-size:0;text-align:left;}
.page-sidebar li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:auto;}
.page-sidebar a{padding:15px 15px;font-size:14px;line-height:.50rem;}
.page-content{ margin-left:0;border-radius:8px;}
.page-content .conNr{ padding:0 0.3rem;}
.page-content .page-Tit{font-size:16px;line-height:50px;}
.page-content .page-Txt{padding:0.3rem 0;font-size:14px;line-height:26px;}
}




/***************************************************设计灵感***************************************************/

/*caseList*/
.case-all2-adBox{border-top:1px solid #f3f4f9;border-bottom:1px solid #f3f4f9;}
.case-all2-ad{background-color:#fff; padding:20px 0;width:94%; max-width:1100px; margin:0 auto;}
.case-all2-ad .case-all2-adul{font-size:0;text-align:left; margin:0 -10px;}
.case-all2-ad .case-all2-adul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:50%;}
.case-all2-ad .case-all2-adul li a{ display:block;margin:0 10px;}
.case-all2-ad .case-all2-adul .img{width:100%; overflow:hidden; height:auto;margin:0 auto;border-radius:10px;position:relative;}
.case-all2-ad .case-all2-adul .img img{width:100%; height:100%;}
.case-all2-ad .case-all2-adul .img,
.case-all2-ad .case-all2-adul .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
.case-all2-ad .case-all2-adul .img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)}
/**/
.flexB{display: flex;flex-flow: row;flex: initial;-webkit-box-pack: start;justify-content: flex-start;align-items: flex-start;}
.flexC{display: flex;flex-flow: row;flex: initial;-webkit-box-pack: start;justify-content: flex-start;-webkit-box-align: center;align-items: center;}
.flexE{display: flex;flex-flow: row;flex: initial;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;}
/*case-all2-wzBox*/
.w1000{width:94%; max-width:1000px; margin:0 auto;}
.case-all2-wzBox{ font-size:16px; line-height:34px; color:#66686e;}
.case-all2-top{border-bottom:1px solid #f3f4f9;}
.case-all2-top .case-all2-tit{font-size:30px;color:#3b4048;line-height:normal; padding-top:0.75rem;padding-bottom:0.4rem;}
/**/
.case-all2-shuju{text-align:left; margin:0; padding:0;margin-bottom:0.5rem; padding-right:200px; position:relative;}
.case-all2-shuju .sj-wz{ padding-left:17px;}
.case-all2-shuju .sj-sjs{line-height:normal;}
.case-all2-shuju .sj-name{color:#afb2b9;}
.case-all2-shuju .sj-name a{color:#3b4048; margin-right:12px;}
.case-all2-shuju .sj-name a:hover{color:#d0141b;}
.case-all2-shuju .sj-shu span{font-size:12px;color:#3b4048; line-height:20px; display:inline-block; padding-right:7px; margin-right:7px; position:relative;}
.case-all2-shuju .sj-shu span:after{ content:''; height:11px; width:1px; background:#e0e0e0; position:absolute;top:4px;right:0;}
.case-all2-shuju .sj-shu span.z:after{ display:none;}
.case-all2-shuju .sj-img{ width:50px; height:50px; border-radius:50%; overflow:hidden;}
.case-all2-shuju .sj-img a{display:inline-block;width:100%; height:100%;border-radius:50%;background-image: url(../images/logonopic.png);background-repeat:no-repeat; background-position:center center;background-size:cover;}
.case-all2-shuju .sj-img img{ display:block; width:100%; height:100%; display:none;}
/**/
.case-all2-shuju .sj-btn{ position:absolute;right:0;top:50%;-webkit-transform: translateY(-50%);-moz-ttransform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.case-all2-shuju .sj-btn a{margin-left:10px;text-align:center;display:inline-block; border:1px solid #c4c8cf; font-size:14px;color:#7d7e8d; width:90px; line-height:32px;border-radius:32px;}
.case-all2-shuju .sj-btn a span{display:inline-block; padding-right:27px;background: url(../images/case-all2-u2.png) right center no-repeat; background-size: 15px;}
.case-all2-shuju .sj-btn a:hover{border-color:#ededed; color:#222222; background-color:#ededed;}
.case-all2-shuju .sj-btn a.sj-yq{border-color:#d0141b; color:#fff; background-color:#d0141b;}
.case-all2-shuju .sj-btn a.sj-yq span{ background-image:url(../images/case-all2-uh.png);}
.case-all2-shuju .sj-btn a.sj-yq:hover{border-color:#bb0007;background-color:#bb0007;}

.case-all2-shuju .sj-btn a.active{border-color:#d0141b; color:#fff; background-color:#d0141b;}
.case-all2-shuju .sj-btn a.active span{ background-image:url(../images/case-all2-u2-active.png);}
/**/
.case-all2-wzInfo{padding-top:0.4rem;padding-bottom:0.4rem;}
.case-all2-wzInfo img{ max-width:100%; height:auto;}
/**/
.case-all2-share{padding-right:200px; position:relative;}
.case-all2-share .sj-biaoqian{display:inline-block;border-radius:32px;padding-left:17px; padding-right:34px;padding-top:5px;padding-bottom:5px;background:#ebedf2;}
.case-all2-share .sj-bq{display:inline-block;font-size:14px;color:#646464;padding-left:40px;background:url(../images/case-all-sign.png) left center no-repeat; background-size:20px;}
.case-all2-share .sj-bq a{color:#646464;}
.case-all2-share .sj-bq a:hover{color:#d0141b;}
/**/
.case-all2-share .sj-dianzan{position:absolute;right:0;top:50%;-webkit-transform: translateY(-50%);-moz-ttransform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.case-all2-share .sj-dianzan a{margin-left:10px;text-align:center;display:inline-block;background-color:#000000;font-size:14px;color:#fff; padding:0 18px;line-height:34px;border-radius:34px;}
.case-all2-share .sj-dianzan a span{display:inline-block;padding-right:27px;background: url(../images/case-all2-c.png) right center no-repeat; background-size:16px;}
.case-all2-share .sj-dianzan a:hover{color:#fff; background-color:#d0141b;}
.case-all2-share .sj-dianzan a.sj-dz span{ background-image:url(../images/case-all2-z.png);}

.case-all2-share .sj-dianzan .active2{color:#fff; background-color:#d0141b;}

/*case-all2-pageBtn*/
.case-all2-pageBtn{padding-top:30px;padding-bottom:30px;border-top:1px solid #e5e5e8;}
.case-all2-pageBtn .w1000{ position:relative; text-align:center; }
.case-all2-pageBtn .pageBtn-prev{font-size:14px;color:909090;display:inline-block;padding-left:23px;background:url(../images/arrow-left.png) left center no-repeat;background-size:7px; position: absolute; left:0;top:0;}
.case-all2-pageBtn .pageBtn-next{font-size:14px;color:909090;display:inline-block;padding-right:23px;background:url(../images/arrow-right.png) right center no-repeat;background-size:7px;position: absolute; right:0;top:0;}
.case-all2-pageBtn .pageBtn-prev:hover,.case-all2-pageBtn .pageBtn-next:hover{color:#d0141b;}
.case-all2-pageBtn .pageBtn-back{display:inline-block;font-size:12px;color:#686868;padding:0 21px;border:1px solid #c4c8cf;line-height:28px;border-radius:28px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin:0 auto;}
.case-all2-pageBtn .pageBtn-back:hover{border-color:#d0141b;color:#fff; background-color:#d0141b;}
@media screen and ( max-width:1220px ){
.case-all2-top .case-all2-tit{font-size:28px;}
}
@media screen and ( max-width:1024px ){
.case-all2-top .case-all2-tit{font-size:0.3rem;}
}
@media screen and ( max-width:768px ){
.case-all2-top .case-all2-tit{font-size:0.4rem;}
.case-all2-wzBox{ font-size:14px;line-height:26px;}
.case-all2-pageBtn{padding-top:30px;padding-bottom:30px;border-top:1px solid #e5e5e8;}
.case-all2-pageBtn .pageBtn-prev{font-size:12px;padding-left:23px;}
.case-all2-pageBtn .pageBtn-next{font-size:12px;copadding-right:23px;}
.case-all2-pageBtn .pageBtn-back{font-size:12px;padding:0 21px;line-height:28px;border-radius:28px;}


.case-all2-ad .case-all2-adul li{width:100%; margin-bottom:20px;}
.case-all2-ad .case-all2-adul li:nth-child(2n){ margin-bottom:0px;}
.case-all2-share .sj-dianzan{}

}
@media screen and ( max-width:640px ){
.case-all2-ad .case-all2-adul li{width:100%; margin-bottom:20px;}
.case-all2-ad .case-all2-adul li:nth-child(2n){ margin-bottom:0px;}	
	
.case-all2-share{padding-right:0;}
.case-all2-share .sj-dianzan{position: static;right:0;top:0;-webkit-transform: translateY(0);-moz-ttransform: translateY(0);-o-transform: translateY(0);transform: translateY(0);margin-top:30px;}	
.case-all2-share .sj-dianzan a{margin-left:0;margin-right:5px;font-size:12px;padding:0 14px;line-height:30px;border-radius:30px;}
.case-all2-share .sj-dianzan a span{padding-right:24px;background-size:14px;}

.case-all2-shuju{padding-right:0;}
.case-all2-shuju .sj-btn{position: static;right:0;top:0;-webkit-transform: translateY(0);-moz-ttransform: translateY(0);-o-transform: translateY(0);transform: translateY(0);margin-top:30px;}	

.case-all2-shuju .sj-btn a{margin-left:0;margin-right:5px; width:auto;font-size:12px;padding:0 14px;line-height:30px;border-radius:30px;}
.case-all2-shuju .sj-btn a span{padding-right:24px;background-size:12px;}
}

/*caseListXg*/
.caseListXg{padding-top:50px;padding-bottom:30px;background-color:#f3f4f9; overflow:hidden;}
.caseListXg .indextit{ text-align:left;}
.caseListXg .caseListXgul{font-size:0;text-align:left; margin:0 -10px;}
.caseListXg .caseListXgul .li{display:inline-block;*display:inline;zoom:1; vertical-align:top;width:16.66666666666667%;float:left;}
.caseListXg .caseListXgul .li .item{margin:0 10px; text-align:left;}
.caseListXg .caseListXgul .li a {display:inline-block;}
.caseListXg .caseListXgul .li .img{width:100%; overflow:hidden; height:auto;margin:0 auto;border-radius:10px; margin-bottom:6px;}
.caseListXg .caseListXgul .li .img a{display:block;}
.caseListXg .caseListXgul .li .img img{width:100%;height:100%;}
.caseListXg .caseListXgul .li .img,
.caseListXg .caseListXgul .li .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
.caseListXg .caseListXgul .li .img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)}

.caseListXg .caseListXgul .li .img{width:100%; height:100%;}
.caseListXg .caseListXgul .li a {display:inline-block;padding-bottom: 75.75757575757576%;position: relative;height: auto;border-radius: 10px;overflow: hidden;}
.caseListXg .caseListXgul .li .img img{display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* transform: translate(-50%, -50%); */
    padding: 0;
    height: 100%;
    max-width: none;
    width: auto;
}
.caseListXg .caseListXgul .li .item:hover .img img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
/**/
.caseListXg .caseListXgul .li .tit{padding-right:60px; position:relative;}
.caseListXg .caseListXgul .li .tit a{color:#646464;text-decoration:none; display:block;line-height:35px;height:35px;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;}
.caseListXg .caseListXgul .li .tit .t{display:block; text-align:left;line-height:35px;height:35px;font-size:16px;display: block;font-weight: 500;cursor: pointer;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;}
.caseListXg .caseListXgul .li a:hover{color:#d0141b;}
/*caseListXgBtn*/
.caseListXg .swiper-button-next,.caseListXg .swiper-button-prev{position:absolute;top:0;width:70px;height:100%;margin-top:0;z-index:10;cursor:pointer;-webkit-background-size:cover;background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);-moz-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1)}
.caseListXg .swiper-button-prev{background-image:url(../images/page-left.png);left:0px;right:auto}
.caseListXg .swiper-button-next{background-image:url(../images/page-right.png);right:0px;left:auto;}
@media screen and ( max-width:1440px ){


.caseListXg .caseListXgul .li .tit{padding-right:60px;}
.caseListXg .caseListXgul .li .tit a{line-height:35px;height:35px;}
.caseListXg .caseListXgul .li .tit .t{line-height:35px;height:35px;font-size:16px;}
}
@media screen and ( max-width:1220px ){
.caseListXg .caseListXgul .li{width:20%;}
}
@media screen and ( max-width:1024px ){
.caseListXg .container{ width:94%;}
.caseListXg .caseListXgul .li{width:25%;}
.caseListXg .caseListXgul{margin:0 -0.14rem;}
.caseListXg .caseListXgul .li{margin-bottom:0.34rem;}
.caseListXg .caseListXgul .li .item{margin:0 0.14rem; text-align:left;}

.caseListXg .caseListXgul .li .tit{padding-right:0.6rem;}
.caseListXg .caseListXgul .li .tit a {line-height:0.5833333333333334rem;height:0.5833333333333334rem;}
.caseListXg .caseListXgul .li .tit .t {line-height:0.5833333333333334rem;height:0.5833333333333334rem;font-size:0.26666666666666666rem;}
}
@media screen and ( max-width:768px ){
.caseListXg .caseListXgul .li{width:33.3333333%;}
}
@media screen and ( max-width:640px ){
.caseListXg .caseListXgul .li{width:50%;}

/*.caseListXg .caseListXgul .li .tit {padding-right:0.6rem;}
.caseListXg .caseListXgul .li .tit a {line-height:0.4rem;height:0.4rem;}
.caseListXg .caseListXgul .li .tit .t {line-height:0.4rem;height:0.4rem;font-size:0.16rem;}
*/
}









/*shubiao*/
.shubiao{position:fixed;top:0;left:0;width:0px;height:0px;border-radius:50%;background-color:#f08519;z-index:999;pointer-events:none}
.shubiao .shu1{position:absolute;top:-18px;left:-18px;width:40px;height:40px;border:none;border-radius:50%;opacity:.2;box-sizing:border-box;z-index:99;-webkit-transition:all 0.6s;transition:all 0.6s}
.shubiao .shu1hover{position:absolute;top:-30px;left:-30px;width:60px;height:60px;background-color:#000;border-radius:50%;opacity:.12;z-index:98;box-sizing:border-box;transform:scale(0,0);-webkit-transform:scale(0,0);-webkit-transition:all 0.6s;transition:all 0.6s}
.shubiao.on .shu1{transform:scale(0,0);-webkit-transform:scale(0,0)}
.shubiao.on .shu1hover{transform:scale(1,1);-webkit-transform:scale(1,1)}

.shubiao.l .shu1hover{top:-30px;left:-30px;width:60px;height:60px;background:url(../images/a-l.png) center center no-repeat;background-size:100%;opacity:1;}
.shubiao.r .shu1hover{top:-30px;left:-30px;width:60px;height:60px;background:url(../images/a-r.png) center center no-repeat;background-size:100%;opacity:1;}
 @media screen and (max-width:1024px){
.shubiao{ display:none!important;} 
 }






/*shareFixed*/
.shareFixed{width:40px;position:fixed;bottom:40px;right:30px;z-index:2;}
.shareul .shareTou{width:40px; height:40px;}
.shareul .shareTou a{display:inline-block;width:100%; height:100%;border-radius:50%;overflow:hidden;background-image: url(../images/logonopic.png);background-repeat:no-repeat; background-position:center center;background-size:cover;}
.shareul .shareTou a img{width:100%; height:100%;display:none;}
/**/
.shareul .li{margin-top:16px; position:relative;}
.shareul .li a{width:40px; height:40px;display:block;border-radius:50%;overflow:hidden; background-repeat:no-repeat; background-position:center center;background-size:16px;background-color:#fff;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);}
.shareul .shareDianzan a{background-image:url(../images/float-z.png);}
.shareul .shareShoucang a{background-image:url(../images/float-c.png);}
.shareul .shareShare a{background-image:url(../images/float-s.png);}
/**/
.shareul .shareDianzan:hover a{background-image:url(../images/float-z2.png);}
.shareul .shareshoucang:hover a{background-image:url(../images/float-c2.png);}
.shareul .shareShare:hover a{background-image:url(../images/float-s2.png);}
/**/
.shareul .shareSideBar{color:#000;min-width:116px;white-space:nowrap;padding:0px 20px;text-align:center;line-height:50px;border-radius:8px;position:absolute;right:48px;top:50%;margin-top:-25px;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);box-sizing:border-box;transition: all 0s ease 0s;font-size: 14px;background:#fff; display:none;}
.shareul .shareSideBar:after{content:"";border-top:5px solid transparent;border-right:none;border-bottom:5px solid transparent;right:-5px;top:50%;margin-top:-5px;position:absolute;border-left: 5px solid #fff;}
.shareul .li:hover .shareSideBar{ display:block;}
/**/
.shareul .shareTop{margin-top:16px; position:relative;visibility: hidden;opacity: 0;}
.shareul .shareTop a{width:40px; height:40px;display:block;border-radius:50%;overflow:hidden;background-image:url(../images/float-top.png);background-repeat:no-repeat; background-position:center center;background-size:16px;background-color:#d74046;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);}

.shareul .shareTop.cd-is-visible {visibility: visible;opacity: 1;}
@media screen and (max-width:1220px){
.shareFixed{right:10px;}
}
@media screen and (max-width:768px){
.shareul .shareTou,
/*.shareul .li{ display:none!important;} */
.shareFixed{right:5px;}
}


.shareBox{display:none;}
.shareBg{position: fixed;left:0;right:0;bottom:0;top:0;margin:auto;background-color: rgba(0, 0, 0, 0.6);z-index: 2000;}
.shareContent{margin:auto;width:90%;padding:0px;/* min-height:340px; */height: auto;position: fixed;left: 0;right: 0;/* bottom: 0; */top: 50%;transform: translate(0, -50%);max-width:420px;background:#fff;border-radius: 16px!important;overflow: hidden;}
.share-tit{padding-left: 30px;font-size:14px;font-weight:400; line-height:56px;border-bottom:1px solid #eee;background-color:transparent;border-radius:4px 4px 0 0!important;}
.sc-jRQBWg{display:inline-block;flex:0 0 16px;width:16px;height:16px;min-width:16px;min-height:16px;position:relative;color:inherit;vertical-align:middle;}
.sc-jRQBWg svg{position:absolute;inset:0px;height:100%;width:100%;color:inherit;fill:currentcolor;}
.shareClose{display:flex;position:absolute;right:8px;top:4px;padding:16px;cursor:pointer;z-index:5000;right:14px !important;}
.shareWz{position:relative;background-color:rgb(255,255,255);text-align:left;border-bottom:none;border-top:none;border-radius:0px;box-shadow:none;padding:20px 60px;}

.shareItem{ width:50%; text-align:center;}
.shareItem .sCode{width: 100px;height: 100px;display: block; margin:20px auto;}
.shareItem img{width: 100px;height: 100px;display: block; margin:20px auto;}

.shareCode {margin-bottom: 25px;}
.shareCode p{font-size:14px;display:block;line-height:36px;text-align:center;border-radius:0px;}
.shareIcon{width:40px;height:40px;}
.shareIconItem {width:25%; text-align:center;}
.shareIconItem .wz{ display:block;transition:all 0s ease 0s;color:#333;font-size:14px;display:block;line-height:20px;text-align:center;border-radius:0px;margin-top:6px;}

/**/
.popGJ{margin:auto;width:100%; padding:0px;inset: 50% auto auto 50%; min-height:200px; position: fixed; transform: translate(-50%, -50%);max-width:300px; background:#fff;border-radius: 16px!important;overflow: hidden; text-align:center;box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1); font-size:16px;}
.popGJ .popGJ-img{padding:20px;}
.popGJ-Center{ width:100%; height:100%;background:#fff;}







/***************************************************设计合作***************************************************/


/*designerBox*/
.designerBox{ padding-top:20px;}
.w1260{width:12.6rem; margin:0px auto;}
@media screen and ( max-width:1024px ){
.w1260{width:94%;}
}


/*designer-banner*/
.designer-banner .moreBtn{ margin-top:36px; margin-bottom:32px;}
.designer-banner .moreBtn:before{ width:0;}
@media screen and ( max-width:1440px ){
.designer-banner .moreBtn{ margin-top:0.36rem; margin-bottom:0.32rem;}
}

/**/
.d-v{ text-align:center;}
.d-v img{ max-width:100%;}
.d-img img{width:100%;}

/*designerTit*/
.designerTit{text-align: center;font-weight:500;color:#000000;font-size:0.28rem;line-height:normal;padding-bottom:0.26rem;}
@media screen and ( max-width:1440px ){
.designerTit{font-size:26px;}
}
@media screen and ( max-width:1024px ){
.designerTit{font-size:0.28rem;}
}
@media screen and ( max-width:768px ){
.designerTit{font-size:0.32rem;}
}

/*designerSZ*/
.designerSZ .moreBtn{ margin-top:0.36rem; margin-bottom:0.32rem;}
.designerSZ .moreBtn:before{ width:0;}
.designerSZ{ padding:0.25rem 0 .25rem; position: relative; overflow: hidden;background-color:#fff;}
.designerSZbox{padding: 0.7rem 0 0.30rem 0;}
@media screen and ( max-width:1024px ){
.designerSZbox{padding: 0.7rem 3% 0.30rem 3% ;}
}


/*designerBZul*/
.designerBZul{ padding: 0.32rem 0 0.32rem 0;margin:0 -11.5px;}
.designerBZul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.designerBZul li{align-items: flex-start; -webkit-align-items: flex-start;text-align:center; width:33.3333333%;}
.designerBZul li .item{ display:block; margin:0 11.5px; border:1px solid #c9c9c9; border-radius:5px; padding:0.45rem 0.45rem; text-align:left; position:relative;background-image:url(../images/designer-sbg.png);background-repeat:no-repeat; background-position:right bottom;background-size:100%;}
.designerBZul li .num{ font-size:0.7rem; line-height: normal; color: #e01d1b;font-weight:bold; position: absolute; right:0.5rem;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); font-family:Arial, Helvetica, sans-serif;}
.designerBZul li .t{ font-size:0.22rem; line-height: normal;color:#000000;}
.designerBZul li .en{ font-size:0.16rem; line-height:20px; color: #9ea0ae; padding-top:5px; text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;}
.designerBZul li .item{-webkit-transition:All 0.9s ease;-moz-transition:All 0.9s ease;-o-transition:All 0.9s ease;transition:All 0.9s ease;}
/*.designerBZul li .item:hover{ background-color:#e01d1b;background-image:url(../images/designer-sbg2.png);}
.designerBZul li .item:hover .num,
.designerBZul li .item:hover .t,
.designerBZul li .item:hover .en{ color:#fff;}*/
@media screen and ( max-width:1440px ){
.designerBZul li .num{ font-size:0.6rem;}
.designerBZul li .t{ font-size: 18px;}
.designerBZul li .en{ font-size: 13px; line-height:20px;}
.designerBZul{margin:0 -10px;}
.designerBZul li .item{margin:0 10px;padding:0.40rem 0.40rem; }
}
@media screen and ( max-width:1220px ){
.designerBZul li .num{ font-size:0.5rem;}
.designerBZul li .t{ font-size: 16px;}
.designerBZul li .en{ font-size: 12px; line-height:20px;}
.designerBZul{margin:0 -8px;}
.designerBZul li .item{margin:0 8px;padding:0.30rem 0.30rem;}	
}
@media screen and ( max-width:1024px ){
.designerBZul{ display: block; }
.designerBZul li{ display: block;float:left;width:33.333333%; position: relative; box-sizing: border-box; }
}
@media screen and ( max-width:768px ){
.designerBZul li{width:100%;padding-bottom:0.3rem;}
.designerBZul li .t{ font-size: .28rem;}
.designerBZul li .en{ font-size: .16rem; line-height:0.3rem;}
}








/*designerYQ*/
.designerYQ{margin-bottom:0.55rem;}
.designerYQBox{margin-top:0.2rem;border:1px solid #e8e8e8; border-radius:5px;position:relative; font-size:0; line-height:0;}
.designerYQBox:after{ content:''; position:absolute;left:50%; top:0; width:1px;height:100%;background:#e5e5e5;}
.designerYQB{display:inline-block;*display:inline;zoom:1; vertical-align:top;width:50%; }
.designerYQB .designerYQnr{ padding:0.40rem 0.40rem; background:#fff;}
.scrollBox{height:96px;width:100%;margin:0 auto;background:#fff;overflow:hidden;}
.scrollBox .con1,
.scrollBox .con2{width:100%; max-width:440px; margin:0 auto;}
.scrollBox li{ text-align:left;list-style:none;display:block;font-size:14px;height:32px;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#646464}
.scrollBox li .z{ font-weight:bold; color:#000000;}
.scrollBox li .z:hover{ color:#d0141b;}
.scrollBox li strong{ font-weight:bold; color:#000000;}

/*@media screen and ( max-width:768px ){
.designerYQBox:after{ width:0;}
.designerYQB{width:100%; }
.scrollBox{height:192px;}
.designerYQB2{display:none!important;}
}
*/


/*designerWHY*/
.designerWHY{ padding:0.25rem 0 .25rem; position: relative; overflow: hidden;background-color:#fff;}
.designerWHY .footer1ul{ border-top:none;background-image:url(../images/designerWHY.jpg);background-repeat:no-repeat; background-position:center bottom;    border-bottom: 1px solid #f1f3f8;padding: 0.26rem 0 0.65rem;}







/*designerRM*/
.designerRM{padding-top:0.50rem;padding-bottom:.30rem;}
.designerRM .designerRMBox{ position:relative;}
.designerRMul{font-size:0;text-align:left; margin:0 -10px;}
.designerRMul .li{display:inline-block;*display:inline;zoom:1; vertical-align:top;width:20%!important;float:left; margin-bottom:0.2rem;}
.designerRMul .li .item{margin:0 10px; text-align:left;}
.designerRMul .li a {display:inline-block;}
.designerRMul .li .img{width:100%;overflow:hidden; height:auto;margin:0 auto;margin-bottom:0.2rem; text-align:center;}
.designerRMul .li .img a{display:inline-block;border-radius:50%;}
.designerRMul .li .imgB{overflow:hidden;padding:0.10rem;border-radius:50%;background:#fbfbfc;width:1.50rem; height:1.50rem; margin:0 auto;}
.designerRMul .li .imgY{overflow:hidden;border-radius:50%;border:0.10rem solid #ebedf2;width:1.30rem; height:1.30rem;}
.designerRMul .li .img img{width:100%; height:100%;width:1.30rem; height:1.30rem;}
.designerRMul .li .imgY{background-image: url(../images/logonopic.png);background-repeat:no-repeat; background-position:center center;background-size:cover;}
.designerRMul .li .imgY img{ display:none;}
.designerRMul .li .img,.designerRMul .li .imgY,
.designerRMul .li .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
.designerRMul .li .img:hover .imgY,
.designerRMul .li .img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)}

/**/
.designerRMul .li .tit{position:relative; padding-top:0.3rem; background-image:url(../images/hot.png);background-repeat:no-repeat; background-position:center top;background-size:0.17rem;}
.designerRMul .li .tit .t{display:block;text-align:center;display: block;font-weight: 500;cursor: pointer;}
.designerRMul .li .tit .t a{padding-right:0.20rem;background-image:url(../images/vip.png);background-repeat:no-repeat; background-position:right center;background-size:0.15rem;line-height:20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width:100%;font-size:16px;color:#3b4048;}
.designerRMul .li .tit .t a:hover{color:#d0141b;}
/**/
.designerRMul .li .tit .btn{display:block;text-align:center;display: block;font-weight: 500;cursor: pointer; margin-top:10px;}
.designerRMul .li .tit .btn a{font-size:14px;color:#fff;width:0.60rem;line-height:0.34rem; background:#d0141b;border-radius:0.34rem; overflow:hidden;}
.designerRMul .li .tit .btn a:hover{background:#af0007;box-shadow: 0 10px 10px 0 rgba(203,31,24,0.21);}

/*designerRMBtn*/
.designerRM .swiper-button-next,
.designerRM .swiper-button-prev{position:absolute;top:50%; margin-top:-22px;width:44px;height:44px; overflow:hidden;border-radius:50%;margin-top:0;z-index:10;cursor:pointer;-webkit-background-size:cover;background-size:100%;background-position:center;background-repeat:no-repeat;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);-moz-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow: 5px 0px 21px rgba(0, 0, 0, 0.1);}
.designerRM .swiper-button-prev{background-image:url(../images/d-left.png);left:-64px;right:auto}
.designerRM .swiper-button-prev:hover{background-image:url(../images/d-left2.png);}
.designerRM .swiper-button-next{background-image:url(../images/d-right.png);right:-64px;left:auto;}
.designerRM .swiper-button-next:hover{background-image:url(../images/d-right2.png);}
@media screen and ( max-width:1440px ){

}
@media screen and ( max-width:1220px ){
.designerRMul .li .tit .t a{font-size:14px;}
.designerRMul .li .tit .btn a{font-size:12px;}
}
@media screen and ( max-width:1024px ){
.designerRMul .li .tit .btn a{font-size:12px;width:50px;line-height:30px;border-radius:30px;}

.designerRM .swiper-button-prev{left:0px;}
.designerRM .swiper-button-next{right:0px;}
}
@media screen and ( max-width:768px ){
.designerRMul .li{width:33.3333333%!important;}
}
@media screen and ( max-width:350px ){
.designerRMul .li{width:50%!important;}
.designerRMul .li .tit .btn a{font-size:12px;width:50px;line-height:30px;border-radius:30px;}

}





/*designerLogo*/
.designerLogo{padding-top:0.50rem;padding-bottom:.20rem;}
.designerLogo .designerLogoBox{ position:relative;padding-top:0.25rem;}
.designerLogoul{font-size:0;text-align:left; margin:0 -10px;}
.designerLogoul .li{display:inline-block;*display:inline;zoom:1; vertical-align:top;width:20%!important;float:left;}
.designerLogoul .li .item{margin:0 10px; text-align:left; display:block;border:1px solid #ebedf2; margin-bottom:20px; position:relative;}
.designerLogoul .li .item:after{content:'';width:100%;height:100%;position:absolute; left:0;top:0; background:#000;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity:0;opacity:0; visibility:hidden;}
.designerLogoul .li .img{width:100%; overflow:hidden; height:auto;margin:0 auto;text-align:center;}
.designerLogoul .li .imgB{height:auto;display:block;width:100%;overflow: hidden;position: relative;padding-bottom:52.96610169491525%;}
.designerLogoul .li .imgB img{display:block;width:100%;position: absolute;top: 0;left: 0;transition: all 0.3s;/*border-radius:5px;*/}
.designerLogoul .li .img,
.designerLogoul .li .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
.designerLogoul .li .img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)}
.designerLogoul .li .item:hover:after{filter:alpha(opacity=70);-moz-opacity:0.7; -khtml-opacity:0.7;opacity:0.7; visibility: visible;}

/**/
.designerLogoul .li .tit{position:absolute;left:0;top:50%;right:0; width:100%;margin:0 auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-n-transform:translateY(-50%);transform:translateY(-50%);filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity:0;opacity:0; visibility:hidden; z-index:2;}
.designerLogoul .li .tit .t{display:block;text-align:center;display: block;font-weight: 500;cursor: pointer; font-size:0.14rem; color:#fff; text-align:center; padding:0.30rem 0.30rem;}
.designerLogoul .li .item:hover .tit{filter:alpha(opacity=100);-moz-opacity:1; -khtml-opacity:1;opacity:1; visibility: visible;}
/*designerLogoBtn*/
.designerLogo .swiper-button-next,
.designerLogo .swiper-button-prev{position:absolute;top:50%; margin-top:-22px;width:44px;height:44px; overflow:hidden;border-radius:50%;margin-top:0;z-index:10;cursor:pointer;-webkit-background-size:cover;background-size:100%;background-position:center;background-repeat:no-repeat;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);-moz-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow: 5px 0px 21px rgba(0, 0, 0, 0.1);}
.designerLogo .swiper-button-prev{background-image:url(../images/d-left.png);left:-64px;right:auto}
.designerLogo .swiper-button-prev:hover{background-image:url(../images/d-left2.png);}
.designerLogo .swiper-button-next{background-image:url(../images/d-right.png);right:-64px;left:auto;}
.designerLogo .swiper-button-next:hover{background-image:url(../images/d-right2.png);}
@media screen and ( max-width:1440px ){
.designerLogoul{margin:0 -8px;}
.designerLogoul .li .item{margin:0 8px;margin-bottom:16px;}
}
@media screen and ( max-width:1220px ){
.designerLogoul .li .tit .t a{font-size:14px;}
.designerLogoul{margin:0 -5px;}
.designerLogoul .li .item{margin:0 5px;margin-bottom:10px;}
}
@media screen and ( max-width:1024px ){
.designerLogo .swiper-button-prev{left:0px;}
.designerLogo .swiper-button-next{right:0px;}
}
@media screen and ( max-width:768px ){
.designerLogoul .li{width:33.3333333%!important;}
}
@media screen and ( max-width:350px ){
.designerLogoul .li{width:50%!important;}
}











/*designerMenu*/
.designerMenu{font-size:0;}
.designerMenu .w523{ position:relative;font-size:0; max-width:523px; margin:0 auto;}
.designerMenu .designerMenuBox{display:inline-block;*display:inline;zoom:1;font-size:16px;line-height:60px;color:#000000;width:50%;vertical-align:top;}
.designerMenu .designerMenuBox.designerMenuBox2{position: relative; z-index:999;}
.designerMenu .designerMenuTit{ text-align:left;padding: 0 0 0 20px;position:relative; border:1px solid #e4e4e4; overflow:hidden;border-right:none;background:#fff; border-radius:5px; overflow:hidden;}
.designerMenu .menu1 .designerMenuTit{border-top-right-radius:0;border-bottom-right-radius:0;}
.designerMenu .menu2 .designerMenuTit{border-top-left-radius:0;border-bottom-left-radius:0;}
.designerMenu .designerMenuTit i{display:inline-block;position: absolute;width:10px;height:5px;right: 15px;top: 50%;margin-top: -2.5px;}
.designerMenu .designerMenuTit i:after{content:"";position:absolute; left:0; right:0; bottom:2px;width: 0;height: 0;border-width: 5px 5px 0;border-style: solid;border-color: #000 transparent transparent;margin:0 auto; -moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.designerMenu .current .designerMenuTit i:after{-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.designerMenu .designerMenuTit.current{background:#fff;}
@media screen and (max-width:768px){
.designerMenu .designerMenuBox{width:100%;border-right:0;}
.designerMenu .designerMenuBox.designerMenuBox2{border-top:1px solid #fff;}
}



/*dropdown*/
.designerMenu .designerMenuTit1{ text-align:left;padding: 0 0 0 20px;position:relative; border-bottom:1px solid #e4e4e4; overflow:hidden;border-right: 1px solid #fff;}
.designerMenu .designerMenuTit1 i{display:inline-block;position: absolute;width:10px;height:5px;right: 15px;top: 50%;margin-top: -2.5px;}
.designerMenu .designerMenuTit1 i:after{content:"";position:absolute; left:0; right:0; bottom:2px;width: 0;height: 0;border-width: 5px 5px 0;border-style: solid;border-color: #000 transparent transparent;margin:0 auto; -moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.designerMenu .current .designerMenuTit1 i:after{-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.designerMenu .current .designerMenuTit1{background:#fff;}
.dropdown1 {width:1150px;background:#fff;-webkit-box-shadow:0 5px 5px -5px rgba(0,0,0,.15);box-shadow:0 5px 5px -5px rgba(0,0,0,.15);overflow: hidden;display:none; position:absolute; left:0;right:0; z-index:99; }
.dropdown1 ul{ font-size:0;padding:0 10px; }
.dropdown1 ul li{ display:inline-block;*display:inline; zoom:1; }
.dropdown1 ul li a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color:#191919;padding: 10px 10px 10px 10px; font-size:14px;line-height:20px;color:#000000;}
.dropdown1 ul li a .MenuTT{display: block;text-transform: lowercase;text-overflow: ellipsis;overflow: hidden;}
.dropdown1 ul li a .MenuColor{display: block;min-width: 48px;width: 48px;height: 48px; margin-right:15px;border: 2px solid #e4e4e4;padding: 2px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.dropdown1 ul li a:hover{color:#dd5f13;}
.dropdown1 ul li.active a{color:#dd5f13; font-weight:600;background:#f8f5f5;}
.dropdown1 ul li.active a .MenuColor{ border-color:#dd5f13;}
/*3*/
/*.dropdown1.ul2{margin-left:-383.3333333333333px;}
.dropdown1.ul3{margin-left:-766.6666666666667px;}*/
@media screen and (max-width:1200px){
.dropdown1 {width:94vw;}	
/*.dropdown1.ul2{margin-left:-31.33333333333333vw;}
.dropdown1.ul3{margin-left:-62.66666666666667vw;}*/
}
@media screen and (max-width:768px){
.designerMenu .designerMenuTit1{border-bottom-color:#fff; border-right:0;}
.designerMenu .current .designerMenuTit1{border-bottom-color:#e4e4e4;}
.dropdown1 { position:static; }
}





/*dropdown2*/
.dropdown2 {position: absolute;width: 100%;top: 0;left: 0;min-width: 240px;background:#fff;z-index: 0;-webkit-box-shadow: 0 20px 30px -5px rgba(0,0,0,.15);box-shadow: 0 20px 30px -5px rgba(0,0,0,.15);max-height: 0;-webkit-transition: all 350ms;transition: all 350ms;overflow: hidden}
.current .dropdown2{max-height: 520px}
.dropdown2 ul {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;border-top: 1px solid #e4e4e4;padding-bottom: 10px;margin: 0;max-height: 408px;overflow-y: auto;-webkit-overflow-scrolling: touch}
.dropdown2 ul{margin-top:60px;padding-top:20px;}
.dropdown2 ul li a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:15px;color:#646464;padding: 5px 20px 5px 20px; line-height:20px;}
.dropdown2 ul li a .MenuTT{display: block;text-transform: lowercase;text-overflow: ellipsis;overflow: hidden;}
.dropdown2 ul li a .MenuColor{display: block;min-width: 48px;width: 48px;height: 48px; margin-right:15px;border: 2px solid #e4e4e4;padding: 2px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.dropdown2 ul li a:hover{color:#d0141b;}
.dropdown2 ::-webkit-scrollbar {width:10px;border-radius:0px}
.dropdown2 ::-webkit-scrollbar-button {display: none}
.dropdown2 ::-webkit-scrollbar-button:hover {display: none}
.dropdown2 ::-webkit-scrollbar-thumb {background-color:#f0f2f8;-webkit-box-shadow: none;box-shadow: none;border-radius:0px}
.dropdown2 ::-webkit-scrollbar-thumb:hover {background-color:#e4e4e4}
.dropdown2 ::-webkit-scrollbar-track {background-color: transparent;border-radius: 3px}
.dropdown2 ::-webkit-scrollbar-track:hover {background-color: transparent}
.dropdown2 ul li.active a{color:#d0141b; font-weight:600;background:#f8f5f5;}
.dropdown2 ul li.active a .MenuColor{ border-color:#dd5f13;}




/*designer3Box*/
.designer3Box{background:#ecedf2; padding-top:0.30rem; padding-bottom:0.45rem; }
.designer3Con{ background:#fff;border-radius:0.10rem;/*overflow: hidden;*/}
.designerTit3{ font-size:0.24rem;color:#ffffff;line-height:0.4rem;padding:0.2rem;background:#d0141b;text-align:center;margin-bottom:0.40rem;}



/*designerSJ .moreBtn*/
.designerSJ .moreBtn{padding-top:0.6rem;padding-bottom:0.6rem;}
.designerSJ .moreBtn:before{ display:none;}
/*designerSelect*/
.designerSelect{padding-top:0.80rem;padding-bottom:0.50rem;}
.designerSelect .w523{ position:relative;max-width:523px; margin:0 auto; padding:0 3%;}
/*SelectMenu*/
.designerSelect .SelectMenu{ text-align:left;}
.designerSelect .SelectMenu .SelectMenuBox {float:left;width:50%;vertical-align:top;}
@media screen and ( max-width:768px ){
.designerSJ .moreBtn{padding-top:0.3rem;padding-bottom:0.3rem;}	
.designerSelect{ padding-bottom:0.20rem;}
.designerSelect .SelectMenu .SelectMenuBox {float:none;width:100%;vertical-align:top; margin-bottom:10px;}
}



/**/
.designerSelect .SelectMenu .SelectMenuBox .beautify_input { width:100%;height:0.60rem;appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;-webkit-appearance: none;border: 0;background-image: url("../images/v1.png");background-repeat: no-repeat;background-position:90% center; background-size:13px; font-size:16px;color: #000000;padding-left:17px; background-color:#fff;outline:none;}
.designerSelect .SelectMenu .SelectMenuBox .beautify_input {text-align:left;padding: 0 0 0 20px;position:relative; border:1px solid #e4e4e4; overflow:hidden;border-radius:5px; overflow:hidden;}
.designerSelect .SelectMenu .SelectMenuBox.Select1 .beautify_input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}
.designerSelect .SelectMenu .SelectMenuBox.Select2 .beautify_input{border-top-left-radius:0;border-bottom-left-radius:0;}
/**/
.designerSelect .SelectMenu .SelectMenuBox .beautify_input:focu{ outline:none; border:none;}
.designerSelect .SelectMenu .SelectMenuBox .beautify_input  option {background: #fff;color: #a1a1a1;padding: 5px 0;outline:none; border:none; font-size:15px; color:#646464;line-height:32px;}
/**/
.designerSelect .SelectMenu .SelectMenuBox select ::-ms-expand {display: none;}
.designerSelect .SelectMenu .SelectMenuBox select{border:none;}
.designerSelect .SelectMenu .SelectMenuBox select::-webkit-scrollbar {width:10px;border-radius:0px}
.designerSelect .SelectMenu .SelectMenuBox select::-webkit-scrollbar-button {display: none}
.designerSelect .SelectMenu .SelectMenuBox select::-webkit-scrollbar-button:hover {display: none}
.designerSelect .SelectMenu .SelectMenuBox select::-webkit-scrollbar-thumb {background-color:#f0f2f8;-webkit-box-shadow: none;box-shadow: none;border-radius:0px}
.designerSelect .SelectMenu .SelectMenuBox select::-webkit-scrollbar-thumb:hover {background-color:#e4e4e4}
.designerSelect .SelectMenu .SelectMenuBox select::-webkit-scrollbar-track {background-color: transparent;border-radius: 3px}
.designerSelect .SelectMenu .SelectMenuBox select::-webkit-scrollbar-track:hover {background-color: transparent}
@media screen and ( max-width:1024px ){
.designerSelect .SelectMenu .SelectMenuBox .beautify_input{height:50px;line-height:50px;}
}
@media screen and ( max-width:768px ){
	
.designerSelect .SelectMenu .SelectMenuBox .beautify_input{height:40px;line-height:40px;background-position:95% center;background-size:10px;font-size:14px;padding-left:15px;}

.designerSelect .SelectMenu .SelectMenuBox.Select1 .beautify_input{border:1px solid #e4e4e4;border-radius:5px;}
.designerSelect .SelectMenu .SelectMenuBox .beautify_input  option {font-size:12px;line-height:24px;}
}


/*cssSelect*/
.cssSelect { position:relative;}
.cssSelect *{ display: block; }
.cssSelect a{ color: #666; outline-width: 0px; text-decoration: none; }
.cssSelect .selectBox{cursor: pointer;width:100%;height:0.60rem;line-height:0.60rem;background-image: url("../images/v1.png");background-repeat: no-repeat;background-position:90% center; background-size:13px; font-size:16px;color: #000000;background-color:#fff;outline:none;border:1px solid #e4e4e4;overflow:hidden;border-radius:5px; overflow:hidden;text-align:left;position:relative;}
.Select1 .cssSelect .selectBox{border-top-right-radius:0;border-bottom-right-radius:0;}
.Select2 .cssSelect .selectBox{border-top-left-radius:0;border-bottom-left-radius:0;}
.cssSelect .selectLt{ cursor: pointer;text-align: left;overflow: hidden;height:0.60rem; background: none transparent scroll repeat 0% 0%;padding-left:18px;}
.cssSelect .selectRt{display:none;}
.cssSelect .optionBox {cursor:pointer;padding:0 0px 0 18px;margin:0px;line-height:32px;height:32px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cssSelect .optionBox span {cursor: pointer;font-size:15px;}
.cssSelect .oHover{background:#d0141b;color:#fff; }
.cssSelect .selected{color:#d0141b;background: #f8f5f5;}
/*optionsBox*/
.cssSelect .optionsBox{position: absolute;width: 100%;top: 0;left: 0;min-width:120px;background:#fff;z-index:100;-webkit-box-shadow: 0 20px 30px -5px rgba(0,0,0,.15);box-shadow: 0 20px 30px -5px rgba(0,0,0,.15);max-height: 0;-webkit-transition: all 350ms;transition: all 350ms;overflow: hidden}
.cssSelect .optionsBox{max-height:260px; height:auto!important;}
.cssSelect .optionsBox::-webkit-scrollbar {width:10px;border-radius:0px}
.cssSelect .optionsBox ::-webkit-scrollbar-button {display: none}
.cssSelect .optionsBox::-webkit-scrollbar-button:hover {display: none}
.cssSelect .optionsBox::-webkit-scrollbar-thumb {background-color:#f0f2f8;-webkit-box-shadow: none;box-shadow: none;border-radius:0px}
.cssSelect .optionsBox::-webkit-scrollbar-thumb:hover {background-color:#e4e4e4}
.cssSelect .optionsBox::-webkit-scrollbar-track {background-color: transparent;border-radius: 3px}
.cssSelect .optionsBox::-webkit-scrollbar-track:hover {background-color: transparent}
@media screen and ( max-width:1024px ){
.cssSelect .selectLt{ height:50px;}
.cssSelect .selectBox{height:50px;line-height:50px;font-size:15px;}	
}
@media screen and ( max-width:768px ){
.cssSelect .optionBox span {font-size:12px;}
.cssSelect .optionBox {line-height:26px; }

.cssSelect .selectLt{ height:40px;padding-left:15px;}
.cssSelect .selectBox{height:40px;line-height:40px;background-position:95% center;background-size:10px;font-size:14px;}
.cssSelect .optionsBox{max-height:175px; height:auto!important;}
}
@media screen and ( max-width:640px ){
.cssSelect .optionBox {line-height:24px; }
}






/*designerSJ*/
.designerSJ{padding-top:0.50rem;padding-bottom:.60rem;}
.designerSJ .designerSJBox{ position:relative;}
.designerSJul{font-size:0;text-align:left; margin:0 -10px; margin-bottom:0.6rem;}
.designerSJul .li{display:inline-block;*display:inline;zoom:1; vertical-align:top;width:20%!important;float:left; margin-bottom:0.2rem;}
.designerSJul .li .item{margin:0 10px; text-align:left; background:#ebedf2; overflow:hidden;border-radius:0.10rem;}
.designerSJul .li a {display:inline-block;}
.designerSJul .li .img{width:100%;overflow:hidden; height:auto;margin:0 auto;margin-bottom:0.2rem;padding-top:0.2rem;padding-bottom:0.2rem;text-align:center;border-bottom:1px solid #d9dbe1;}
.designerSJul .li .img a{display:inline-block;overflow:hidden;border-radius:50%; position:relative;}
.designerSJul .li .imgB{overflow:hidden;border-radius:50%;background:#fbfbfc;width:0.93rem; height:0.93rem; margin:0 auto;}
.designerSJul .li .imgY{ position: absolute; left:0;top:0;height:100%;width:100%;background-image: url(../images/logonopic.png);background-repeat:no-repeat; background-position:center center;background-size:cover;}
.designerSJul .li .imgY img{ display:none;}
.designerSJul .li .imgY:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#000;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity:0;opacity:0; visibility:hidden; z-index:2;}
.designerSJul .li .imgY:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../images/top-search2.png);background-repeat:no-repeat; background-position:center center;background-size:0.20rem;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity:0;opacity:0; visibility:hidden; z-index:2;}
.designerSJul .li .img img{width:100%; height:100%;}
.designerSJul .li .imgY:before,.designerSJul .li .imgY:after,
.designerSJul .li .img a,
.designerSJul .li .img,
.designerSJul .li .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
.designerSJul .li .img a:hover img{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.04);-o-transform:scale(1.5);transform:scale(1.5);}
.designerSJul .li .img a:hover .imgY:before{filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity:0.5;visibility: visible;}
.designerSJul .li .img a:hover .imgY:after{filter:alpha(opacity=100);-moz-opacity:1; -khtml-opacity:1;opacity:1; visibility: visible;}
/**/
.designerSJul .li .tit{position:relative; padding-bottom:0.17rem;}
.designerSJul .li .tit .t{display:block;text-align:center;display: block;font-weight: 500;cursor: pointer;margin-bottom:2px;}
.designerSJul .li .tit .t a{font-size:16px;color:#3b4048;}
.designerSJul .li .tit .t a:hover{color:#d0141b;}
/**/
.designerSJul .li .tit .z{font-size:14px;color:#3b4048; text-align:center;margin-bottom:0.10rem;}
.designerSJul .li .tit .z .d{ display:inline-block;padding-right:7px;background-image:url(../images/d-line.jpg);background-repeat:no-repeat; background-position:right center;margin-right:6px;}
/**/
.designerSJul .li .tit .see{text-align:center;}
.designerSJul .li .tit .see span{display:inline-block;color:#b4b5bd;background-image:url(../images/see.png);background-repeat:no-repeat; background-position:left center;background-size:0.19rem;padding-left:0.23rem;font-size:14px;}
/**/
.designerSJul .li .tit .btn{display:block;text-align:center;display: block;font-weight: 500;cursor: pointer; margin-top:0.23rem;}
.designerSJul .li .tit .btn a{font-size:14px;color:#fff;width:0.60rem;line-height:0.34rem; background:#d0141b;border-radius:0.34rem; overflow:hidden;}
.designerSJul .li .tit .btn a:hover{background:#af0007;box-shadow: 0 10px 10px 0 rgba(203,31,24,0.21);}




/*designerSJBtn*/
.designerSJ .swiper-button-next,
.designerSJ .swiper-button-prev{position:absolute;top:50%; margin-top:-22px;width:44px;height:44px; overflow:hidden;border-radius:50%;margin-top:0;z-index:10;cursor:pointer;-webkit-background-size:cover;background-size:100%;background-position:center;background-repeat:no-repeat;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);-moz-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow: 5px 0px 21px rgba(0, 0, 0, 0.1);}
.designerSJ .swiper-button-prev{background-image:url(../images/d-left.png);left:-64px;right:auto}
.designerSJ .swiper-button-prev:hover{background-image:url(../images/d-left2.png);}
.designerSJ .swiper-button-next{background-image:url(../images/d-right.png);right:-64px;left:auto;}
.designerSJ .swiper-button-next:hover{background-image:url(../images/d-right2.png);}
@media screen and ( max-width:1220px ){
.designerSJul .li .tit .t a{font-size:14px;}
.designerSJul .li .tit .z{font-size:12px;}
.designerSJul .li .tit .see span{font-size:12px;}
.designerSJul .li .tit .btn a{font-size:12px;}
}
@media screen and ( max-width:1024px ){
.designerSJul .li .tit .btn a{font-size:12px;width:50px;line-height:30px;border-radius:30px;}
.designerSJ .swiper-button-prev{left:0px;}
.designerSJ .swiper-button-next{right:0px;}
.designerSJul .li{width:25%!important;}
}
@media screen and ( max-width:768px ){
.designerSJul{margin-bottom:0.2rem;}
.designerSJul .li{width:33.3333333%!important;}
}
@media screen and ( max-width:640px ){
.designerSJul .li{width:50%!important;}
}
@media screen and ( max-width:350px ){
.designerSJul .li{width:100%!important;}
.designerSJul .li .tit .btn a{font-size:12px;width:50px;line-height:30px;border-radius:30px;}

}


/*designerFrom*/
.designerFrom{padding-top:0.50rem;padding-bottom:.60rem;}
.designerFrom .w560{position:relative;font-size:0; max-width:560px; margin:0 auto;}
@media screen and ( max-width:1024px ){
.designerFrom .w560{ padding:0 3%;}
}




/*designerFrom-Top*/
.designerFrom-Top{padding-bottom:0.53rem;border-bottom:1px solid #d9dbe1;}

/*designerFrom-sjs*/
.designerFrom-Top .designerFrom-sjs{ float:left; width:48.21428571428571%; position:relative; margin-bottom:0.3rem;}
.designerFrom-Top .designerFrom-sjs .designerFrom-sjs-img{position:absolute;left:0;top:0;width:0.80rem;height:0.80rem;border-radius:50%; overflow:hidden;}
.designerFrom-Top .designerFrom-sjs .designerFrom-sjs-img{background-image: url(../images/logonopic.png);background-repeat:no-repeat; background-position:center center;background-size:cover;}
.designerFrom-Top .designerFrom-sjs .designerFrom-sjs-img img{ display:none;}
.designerFrom-Top .designerFrom-sjs .designerFrom-sjs-img img{ width:100%; height:100%;}
.designerFrom-Top .designerFrom-sjs .designerFrom-sjs-wz{padding-left:1.00rem; padding-top:0.16rem;font-size:18px;color:#3b4048;}
.designerFrom-Top .designerFrom-sjs .designerFrom-sjs-wz #sjname{font-size:18px;color:#3b4048;}
.designerFrom-Top .designerFrom-sjs .designerFrom-sjs-wz span{display:block;font-size:12px; color:#646464; padding-top:6px;}
/*designerFrom-taocan*/
.designerFrom-Top .designerFrom-taocan{float:right; width:51.78571428571429%;}
.designerFrom-Top .designerFrom-taocan .designerFrom-taocan-yufu{background-image:url(../images/designerFrom-s.jpg);background-repeat:no-repeat; background-position:left center; margin-bottom:7px;}
.designerFrom-Top .designerFrom-taocan .designerFrom-taocan-yufu .t{display:inline-block;font-size:14px;line-height:36px;color:#ffffff;padding-left:35px;}
.designerFrom-Top .designerFrom-taocan .designerFrom-taocan-yufu .n{display:inline-block;font-size:14px;line-height:36px;color:#3b4048;padding-left:50px;}
.designerFrom-Top .designerFrom-taocan .designerFrom-taocan-num{ background-color:#fff4f4;border-radius:5px; text-align:center; padding:0 5px;}
.designerFrom-Top .designerFrom-taocan .designerFrom-taocan-num .num{display:inline-block;font-size:15px;line-height:36px;color:#d0141b;padding-left:24px;background-image:url(../images/designerFrom-i.png);background-repeat:no-repeat; background-position:left center; background-size:14px;}
@media screen and ( max-width:768px ){
.designerFrom-Top .designerFrom-sjs{ float:left; width:100%; position:relative; margin-bottom:0.3rem;}
.designerFrom-Top .designerFrom-taocan{float:left; width:100%; max-width:290px;}
.designerFrom-Top .designerFrom-sjs .designerFrom-sjs-wz{padding-top:0;}
.designerFrom-Top .designerFrom-sjs .designerFrom-sjs-wz #sjname{font-size:16px; line-height:normal;padding-top:0;}
}




/*designerFrom1Box*/
.designerFrom1Box{font-size:14px;color:#333333;line-height:30px; padding-left:11.875%; padding-bottom:40px;padding-top:40px;}
.designerFrom1Box .contact-tit{font-size:18px;line-height: 30px; font-weight:300;color:#000000;}
@media screen and (max-width:1024px){
.designerFrom1Box .contact-tit{font-size:18px;}
.designerFrom1Box{font-size:14px;line-height:26px; padding-left:3%; padding-right:3%; padding-bottom:30px;padding-top:30px;}
}
@media screen and (max-width:768px){
.designerFrom1Box{font-size:12px;line-height:24px; padding-left:3%; padding-right:3%; padding-bottom:30px;padding-top:30px;}
.designerFrom1Box .contact-tit{font-size:16px;}
}


.designerFrom-Bottom{padding-top:0.5rem;}
.designerFrom1 input,.designerFrom1 select,.designerFrom1 button,.designerFrom1 textarea{appearance:none;-o-appearance:none;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;resize:none;border-radius:0;outline:none;border:none;background-color:transparent;font-family:inherit;font-size:inherit;color:inherit;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}

/*designerFrom1*/
.designerFrom1{font-size:14px;color:#c9c9c9;line-height: 30px;text-align:left;padding:0;margin:0 -5px;}
.designerFrom1 label{display:block;}
.designerFrom1 .l1{float:left;width: 50%; position:relative;}
.designerFrom1 .l2{float:left;width:100%; position:relative;}
.designerFrom1 .l1Box{margin:0 5px;}
.designerFrom1 .text{display:block;width: 100%;padding:4px 5% 4px 5%;height:36px;margin-bottom:10px;outline:none;font-size:13px;color:#7d7e8d;border:1px solid #cacdd3;border-radius:5px;background:#fff;text-align:left;}
.designerFrom1 .text2{display:block;width:100% !important;padding:10px 3% 10px 3%;height:90px;margin-bottom:26px;outline:none;font-size:13px;color:#7d7e8d;border:1px solid #cacdd3;border-radius:5px;background:#fff;text-align:left;}
.designerFrom1 input::-webkit-input-placeholder {color:#7d7e8d;} 
.designerFrom1 input:-moz-placeholder {color:#7d7e8d;} 
.designerFrom1 input::-moz-placeholder {color:#7d7e8d;} 
.designerFrom1 input:-ms-input-placeholder {color:#7d7e8d;} 
.designerFrom1 .text:focus,.designerFrom1 .text:active,.designerFrom1 .text2:focus,.designerFrom1 .text2:active,.designerFrom1 .getcode:focus,.designerFrom1 .getcode:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid #ff9296; }
@media screen and (max-width:768px){
.designerFrom1{margin:0;margin-top:20px;}
.designerFrom1 .l1{float:none;width:100%;}
.designerFrom1 .l1Box{margin:0;}
.designerFrom1 .text{width: 100%;padding:4px 3% 4px 3%;}
.designerFrom1 label .l1Box{margin:0 auto;}
}



/**/
.designerFromTit{ margin-bottom:0.2rem;}
.designerFromTit .t{display:inline-block;color:#3b4048;font-size:14px;background-image:url(../images/d-line2.jpg);background-repeat:no-repeat; background-position:left center; background-size:4px;padding-left:15px;}
.designerFromTit .m{ display:inline-block;background-image:url(../images/designerFrom-m.png);background-repeat:no-repeat; background-position:right center;color:#000000;font-size:14px;padding-right:30px;background-size:20px; float:right;}
.designerFromTit .m:hover{color:#d0141b;}
@media screen and (max-width:768px){
.designerFromTit .m{ margin-top:20px; margin-bottom:10px;}	
}

.designerFromTit .t2{display:inline-block;line-height:32px;color:#3b4048;font-size:15px;margin-right:22px;background-image:url(../images/d-line2.jpg);background-repeat:no-repeat; background-position:left center; background-size:4px;padding-left:15px;}
.designerFromTit .t3{display:inline-block;line-height:32px;background-image:url(../images/designerFrom-tbg.png);background-repeat:no-repeat;background-position:left center;color:#3b4048;font-size:13px;padding-left:60px;min-width:211px;}
.designerFromLine{ width:100%; height:1px; background:#c4c8cf; position: relative;}
.designerFromLine:after{ content:'';width:135px; height:3px; background:#3b4048; position:absolute; left:0;bottom:0;}




/*SelectFromBox*/
.designerFrom1 .SelectFromBox .beautify_input {width:100%;height:36px; line-height:36px;padding-left:17px;background-image: url("../images/v1.png");background-repeat: no-repeat;background-position:90% center;background-color:#fff;background-size:13px; font-size:13px;color: #3b4048;outline:none;margin-bottom:10px;text-align:left;position:relative; border:1px solid #cacdd3; overflow:hidden;border-radius:5px; overflow:hidden;}
.designerFrom1 .SelectFromBox.Select1 .beautify_input{border-top-right-radius:0;border-bottom-right-radius:0;}
.designerFrom1 .SelectFromBox.Select2 .beautify_input{border-top-left-radius:0;border-bottom-left-radius:0;}
/**/
.designerFrom1 .SelectFromBox .beautify_input:focu{ outline:none; border:none;}
.designerFrom1 .SelectFromBox .beautify_input  option{background: #fff;padding:5px 0;outline:none; border:none; font-size:12px;color: #3b4048;line-height:30px!important;}
/**/
.designerFrom1 .SelectFromBox select ::-ms-expand {display: none;}
.designerFrom1 .SelectFromBox select{border:none;}
.designerFrom1 .SelectFromBox select::-webkit-scrollbar {width:10px;border-radius:0px}
.designerFrom1 .SelectFromBox select::-webkit-scrollbar-button {display: none}
.designerFrom1 .SelectFromBox select::-webkit-scrollbar-button:hover {display: none}
.designerFrom1 .SelectFromBox select::-webkit-scrollbar-thumb {background-color:#f0f2f8;-webkit-box-shadow: none;box-shadow: none;border-radius:0px}
.designerFrom1 .SelectFromBox select::-webkit-scrollbar-thumb:hover {background-color:#e4e4e4}
.designerFrom1 .SelectFromBox select::-webkit-scrollbar-track {background-color: transparent;border-radius: 3px}
.designerFrom1 .SelectFromBox select::-webkit-scrollbar-track:hover {background-color: transparent}
@media screen and ( max-width:1024px ){
.designerFrom1 .SelectFromBox .beautify_input{height:50px;line-height:50px;b}
}
@media screen and ( max-width:768px ){
.designerFrom1 .SelectFromBox .beautify_input{height:40px;line-height:40px;background-position:95% center;background-size:10px;font-size:14px;padding-left:15px;}
.designerFrom1 .SelectFromBox .beautify_input  option {font-size:12px;line-height:24px;}
}



/*fromlist1*/
.fromlist1{ padding-top:18px;padding-bottom:15px;font-size:0; line-height:0;}
.fromlist1 .l1{line-height:16px;font-size:13px;color:#3b4048; width:180px; display:inline-block;*display:inline;zoom:1; vertical-align:top; margin-bottom:15px;}
.fromlist1 .l1 input{width:16px;height:16px;border:1px solid #cacdd3;line-height:16px;border-radius:0;background-color:#fff;outline:none;text-align:left;position:relative;overflow:hidden;overflow:hidden; margin:0; margin-right:10px; position:relative; vertical-align:top;}


/*designerFrom3*/
.designerFrom3{padding-top:10px;padding-bottom:0px;text-align:center;}
.designerFrom3Select{padding-top:15px;text-align:center;line-height:16px;font-size:13px;color:#3b4048;display:inline-block;}
.designerFrom3Select input{width:16px;height:16px;border:1px solid #cacdd3;line-height:16px;border-radius:0;background-color:#fff;outline:none;text-align:left;position:relative;overflow:hidden;overflow:hidden; margin:0; margin-right:10px; position:relative; vertical-align:top;}
.designerFrom3Select a{color:#d0141b;}
.designerFrom3Select a:hover{ text-decoration:underline;}
/*.designerFromBtn*/
.designerFromBtn{margin: 0 auto; position:relative; text-align:center; padding-top:0.7rem; padding-bottom:0.05rem;}
.designerFromBtn .inputbtn{display:inline-block;*display:inline;zoom:1;font-family: Arial,"微软雅黑",Sans-Serif;border:none;cursor:pointer; vertical-align:top;}
.designerFromBtn .inputbtn,
.designerFromBtn a{display:inline-block; position: relative; width:250px; height:50px; line-height:50px; font-size:20px; color: #fff; text-align:center;background:#d0141b;border-radius:50px; overflow:hidden; margin:0 auto;}
.designerFromBtn a span{ position:relative; z-index:2;}
.designerFromBtn a{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
/*grey*/
.designerFromBtn .grey{background: #ecedf2; color:#3b4048; margin-right:0.14rem;}
.designerFromBtn .inputbtn:hover{background:#bf050c;}
.designerFromBtn .grey:hover{background:#d8d9dd;}
@media screen and ( max-width:1440px ){
.designerFromBtn .inputbtn,
.designerFromBtn a{width:240px; height:40px; line-height:40px; font-size:18px;border-radius:40px;}
}
@media screen and ( max-width:1024px ){
.designerFromBtn .inputbtn,
.designerFromBtn a{width:4.166666666666667rem;height:0.8333333333333334rem;line-height:0.8333333333333334rem;font-size:0.3333333333333333rem;border-radius:0.8333333333333334rem;}
}
@media screen and ( max-width:768px ){
.designerFromBtn .inputbtn,
.designerFromBtn a{width:2.5rem;height:0.5rem;line-height:0.5rem;font-size:0.2rem;border-radius:0.5rem;}
}
@media screen and ( max-width:640px ){
.designerFromBtn .inputbtn,
.designerFromBtn a{width:2.5rem;line-height: 30px;height: 30px;font-size:12px;border-radius: 30px;}
}



/*designerFromFixed*/
.designerFromFixed{position: fixed; left:0;top:0;right:0;bottom:0; width:100%;height:100%; z-index:999; display:none;}
.designerFromFixed .close{background-image:url(../images/close.png);background-repeat:no-repeat;background-position:center center; background-size:15px;width:50px;height:50px;position:absolute; right:0;top:0;filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity:0.5; cursor:pointer;}
.designerFromFixed:after{content:'';width:100%;height:100%;position:absolute; left:0;top:0; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7; -khtml-opacity:0.7;opacity:0.7; visibility: visible;}
.designerFromFixedBox{ position:relative; z-index:2;-webkit-transform: translateY(-50%);-moz-ttransform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);top:50%;margin:auto auto; position:absolute;left:0;right:0; width:100%; height:100%; overflow-y:scroll; overflow-x:hidden;}
.designerFromFixedCon{background:#fff;border-radius:0.10rem;max-width:730px;margin:0 auto;background:#fff;border-radius:5px; overflow:hidden;margin-top:0.3rem;margin-bottom:0.3rem;}
.designerFromFixedTit{ position:relative;}
.designerFromFixedTit span{ display:inline-block;font-size:0.18rem;color:#ffffff;line-height:0.5rem;text-align:center;margin-bottom:0rem; padding-left:0.8rem; padding-right:0.5rem;background-image:url(../images/titbg.png);background-repeat:no-repeat;background-position:left center; background-size:100% 100%;}
/*designerFromFixed .designerFrom*/
.designerFromFixed .designerFrom{padding-top:0rem;padding-bottom: .30rem;background: #eceff4;}
.designerFromFixed .designerFrom-Top{padding-top: 0.3rem;padding-bottom:0.30rem;border-bottom:1px solid #d9dbe1;background: #fff;}
.designerFromFixed .designerFrom-Bottom{padding-top:0.34rem;background: #eceff4;}

/*designerFromFixed .designerFrom3*/
.designerFromFixed .designerFrom3{border-top:1px solid #d8dbe0;border-bottom:1px solid #d8dbe0;padding-top:0px;padding-bottom:0px;text-align:center;}
.designerFromFixed .designerFrom3Select{padding-top:15px;padding-bottom:15px;text-align:center;line-height:16px;font-size:13px;color:#3b4048;display:inline-block;}
/*designerFromFixed .designerFromBtn*/
.designerFromFixed .designerFromBtn{padding-top:0.3rem;padding-bottom:0.05rem;}
.designerFromFixed .designerFromBtn .inputbtn,
.designerFromFixed .designerFromBtn a{display:inline-block; position: relative; width:95px; height:34px; line-height:34px; font-size:14px; color: #fff; text-align:center;background:#d0141b;border-radius:34px; overflow:hidden; margin:0 auto;margin-right:0.10rem;}
.designerFromFixed .designerFromBtn a span{ position:relative; z-index:2;}
/*grey*/
.designerFromFixed .designerFromBtn .grey{background:#3b3f48; color:#fff; margin-right:0.10rem;}
.designerFromFixed .designerFromBtn .inputbtn:hover{background:#bf050c;}
.designerFromFixed .designerFromBtn .grey:hover{background:#d8d9dd;}





/*******************************************************match 2023-3-24*******************************************************/
/*pageBanner*/
.pageBanner {padding-top:80px;}
.pageBanner img{ max-width:100%;}
@media screen and ( max-width:1024px ){
.pageBanner{ padding-top:1.2rem;}
}




/*pNav*/
.pNav{background-color:#fbfbfc;}
.pNav ul{ margin:0px; padding:0px; overflow:hidden;}
.pNav ul li{ width:25%; display:inline-block; float:left;}
.pNav ul li a{ display:block; font-size:0.18rem; color:#333333; background-color:#fbfbfc; text-align:center; padding:0.26rem 0; border-right:1px solid #eeeeee; }
.pNav ul li a:hover{ background-color:#ffffff; color:#D0141B;}
.pNav ul li:nth-child(4n) a{ border-right:none;}
.pNav .active{ background-color:#ffffff; color:#D0141B;}
@media screen and ( max-width:1024px ){
.pNav ul li a{font-size:16px;}
}
@media screen and ( max-width:768px ){
.pNav ul li a{font-size:14px;}
}



/*joinBtn*/
.joinBtn{margin: 0 auto; position:relative; text-align:center; padding-top:40px; padding-bottom:40px;border-bottom:1px solid #eeeeee;}
.joinBtn a{display:inline-block; position: relative; width:380px; height:42px; line-height:42px; font-size:14px; color: #fff; text-align:center;background:#d0141b;border-radius:50px; overflow:hidden; margin:0 auto;}
.joinBtn a span{ position:relative; z-index:2;}
.joinBtn a:after{ content: ''; position: absolute; left: 0; top:0; width:0; height:100%;background:#a40006; z-index:1;}
.joinBtn a:hover:after{ width:100%;}
.joinBtn a:after,
.joinBtn a{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
@media screen and ( max-width:1920px ){
	.joinBtn{padding-top:0.4rem; padding-bottom:0.4rem;}
.joinBtn a{width:3.8rem; height:.42rem; line-height:.42rem; font-size:0.14rem;border-radius:.42rem;}	
}
@media screen and ( max-width:1440px ){
.joinBtn a{width:320px; height:40px; line-height:40px;font-size:14px;border-radius:40px;}
}
@media screen and ( max-width:1024px ){
/*.joinBtn a {width:2.4rem;height:0.4rem;line-height:0.4rem;font-size:16px;}*/
}
@media screen and ( max-width:767px ){
.joinBtn a {width:3rem;height:0.6rem;line-height:0.6rem;font-size:0.24rem;border-radius:0.5rem;}
}
@media screen and ( max-width:550px ){
.joinBtn a {width:3rem;height:0.6rem;line-height:0.6rem;font-size:0.24rem;border-radius: 30px;}
}



/*matchList*/
.matchList{padding-top:35px;padding-bottom:35px;background-color:#fff; min-height:350px;}
.matchList .matchListul{font-size:0;text-align:left; margin:0 -14px;}
.matchList .matchListul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:20%; margin-bottom:34px;}
.matchList .matchListul li .item{margin:0 14px; text-align:left;}
.matchList .matchListul li a {display:inline-block;}
.matchList .matchListul li .img{width:100%; height:100%;margin:0 auto;overflow:hidden;border-radius:10px;}
.matchList .matchListul li .img a{display:block;border-radius:10px;overflow:hidden;padding-bottom:75.75757575757576%; position:relative;height:auto;overflow:hidden;}
.matchList .matchListul li .img img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding:0;height:100%;max-width:none; width:auto;}
.matchList .matchListul li a,.matchList .matchListul li .img img,.matchList .matchListul li .img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
.matchList .matchListul li .item:hover .img img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
.matchList .matchListul li .img .end{ position:absolute;right:0;bottom:0; z-index:2;line-height:50px;border-top-left-radius:25px;padding:0 23px;overflow:hidden; background:rgb(100,100,100,0.90); font-size:15px; color:#ffffff;}
.matchList .matchListul li .img .end.jx{background:rgb(208,20,27,0.90);}
/**/
.matchList .matchListul li .tit{position:relative;}
.matchList .matchListul li .tit a{color:#222222;text-decoration:none; display:block;line-height:35px;height:35px;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;}
.matchList .matchListul li .tit .t{display:inline-block; text-align:left;line-height:35px;height:35px;font-size:16px;display: block;font-weight: 500;cursor: pointer;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;}
.matchList .matchListul li a:hover{color:#d0141b;}
.matchList .matchListul li .ds{font-size:12px;color:#b4b5bd;}
@media screen and ( max-width:1440px ){
.matchList .matchListul li{width:20%;}

.matchList .matchListul li .tit a{line-height:35px;height:35px;}
.matchList .matchListul li .tit .t{line-height:35px;height:35px;font-size:16px;}
.matchList .matchListul li .ds{font-size:12px;top:5px;}

.matchList .matchListul li .img .end{line-height:40px;border-top-left-radius:20px;padding:0 20px;font-size:14px;}
}
@media screen and ( max-width:1024px ){
.matchList .container{ width:94%;}
.matchList .matchListul li{width:25%;}
.matchList .matchListul{margin:0 -0.14rem;}
.matchList .matchListul li{margin-bottom:0.34rem;}
.matchList .matchListul li .item{margin:0 0.14rem; text-align:left;}

.matchList .matchListul li .tit a {line-height:0.5833333333333334rem;height:0.5833333333333334rem;}
.matchList .matchListul li .tit .t {line-height:0.5833333333333334rem;height:0.5833333333333334rem;font-size:0.26666666666666666rem;}
.matchList .matchListul li .tit .see {font-size:0.2rem;line-height:0.5833333333333334rem;padding-left:0.3rem;background-size:0.23333333333333334rem;}
.matchList .matchListul li .ds{font-size:0.23333333333333334rem;}

.matchList .matchListul li .img .end{line-height:35px;border-top-left-radius:15px;padding:0 15px;font-size:13px;}
}
@media screen and ( max-width:768px ){
.matchList .matchListul li{width:50%;}
}





/*matchTit*/
.matchTit{text-align: center;font-weight:500;color:#000000;font-size:0.28rem;line-height:normal;padding-bottom:0.26rem;}
.matchTit .matchwz{font-size:14px; color:#9ea0ae; padding-top:10px;}
@media screen and ( max-width:1440px ){
.matchTit{font-size:26px;}
}
@media screen and ( max-width:1220px ){
.matchTit{font-size:24px;}
}
@media screen and ( max-width:1024px ){
.matchTit{font-size:20px;}
}
@media screen and ( max-width:768px ){
.matchTit{font-size:0.28rem;}
}



/*matchLogo*/
.matchLogo{padding-top:0.50rem;padding-bottom:.20rem;border-top:1px solid #eeeeee;}
.matchLogo .matchLogoBox{font-size:0;text-align:left; margin:0 -10px;position:relative;padding-top:0.25rem;}
.matchLogo .li{display:inline-block;*display:inline;zoom:1; vertical-align:top;width:14.28571428571429%!important;float:left;}
.matchLogo .li .item{margin:0 10px; text-align:left; display:block;border:1px solid #ebedf2; margin-bottom:20px; position:relative;}
.matchLogo .li .item:after{content:'';width:100%;height:100%;position:absolute; left:0;top:0; background:#000;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity:0;opacity:0; visibility:hidden;}
.matchLogo .li .img{width:100%; overflow:hidden; height:auto;margin:0 auto;text-align:center;}
.matchLogo .li .imgB{height:auto;display:block;width:100%;overflow: hidden;position: relative;padding-bottom:52.96610169491525%;}
.matchLogo .li .imgB img{display:block;width:100%;position: absolute;top: 0;left: 0;transition: all 0.3s;/*border-radius:5px;*/}
.matchLogo .li .img,
.matchLogo .li .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
.matchLogo .li .img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)}
.matchLogo .li .item:hover:after{filter:alpha(opacity=70);-moz-opacity:0.7; -khtml-opacity:0.7;opacity:0.7; visibility: visible;}
/**/
.matchLogo .li .tit{position:absolute;left:0;top:50%;right:0; width:100%;margin:0 auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-n-transform:translateY(-50%);transform:translateY(-50%);filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity:0;opacity:0; visibility:hidden; z-index:2;}
.matchLogo .li .tit .t{display:block;text-align:center;display: block;font-weight: 500;cursor: pointer; font-size:0.14rem; color:#fff; text-align:center; padding:0.30rem 0.30rem;}
.matchLogo .li .item:hover .tit{filter:alpha(opacity=100);-moz-opacity:1; -khtml-opacity:1;opacity:1; visibility: visible;}
@media screen and ( max-width:1440px ){
.matchLogo .matchLogoBox{margin:0 -8px;}
.matchLogo .li .item{margin:0 8px;margin-bottom:16px;}
}
@media screen and ( max-width:1220px ){
.matchLogo .li .tit .t a{font-size:14px;}
.matchLogo .matchLogoBox{margin:0 -5px;}
.matchLogo .li .item{margin:0 5px;margin-bottom:10px;}
}
@media screen and ( max-width:768px ){
.matchLogo .li{width:33.3333333%!important;}
}
@media screen and ( max-width:350px ){
.matchLogo .li{width:50%!important;}
}





/*matchFromTit*/
.matchFromTit{text-align: center;font-weight:500;color:#000000;font-size:0.28rem;line-height:normal;padding-bottom:0.26rem;}
@media screen and ( max-width:1440px ){
.matchFromTit{font-size:26px;}
}
@media screen and ( max-width:1220px ){
.matchFromTit{font-size:24px;}
}
@media screen and ( max-width:1024px ){
.matchFromTit{font-size:20px;}
}
@media screen and ( max-width:768px ){
.matchFromTit{font-size:0.28rem;}
}


/*matchFrom*/
.matchFromBox{padding:60px 0;}
.matchFrom{font-size:14px;color:#c9c9c9;line-height: 30px;text-align:left;max-width:860px; margin:0 auto; padding-top:30px;}
.matchFrom .l1{float:left;width: 50%; position:relative;}
.matchFrom .l2{width:100%; position:relative; text-align:center;}
.matchFrom .l1Box{margin:0 7px;}
.matchFrom .text{display:block;width: 100%;padding:4px 5% 4px 5%;height:55px;margin-bottom:14px;outline:none;font-size:14px;color:#3b4048;border:none;border-radius:5px;background:#f3f5f9;text-align:left;}
.matchFrom .text2{display:block;width:100% !important;padding:10px 2.5% 10px 2.5%;height:143px;margin-bottom:45px;outline:none;font-size:14px;color:#3b4048;border:none;border-radius:5px;background:#f3f5f9;text-align:left;}
.matchFrom .inputbtn{ cursor:pointer;position: relative;width: 100%;max-width:190px; height:40px; line-height:40px; font-size:14px; color: #fff; text-align:center;background:#d0141b;border-radius:40px; overflow:hidden; margin:0 auto;}
.matchFrom input::-webkit-input-placeholder {color:#3b4048;} 
.matchFrom input:-moz-placeholder {color:#3b4048;} 
.matchFrom input::-moz-placeholder {color:#3b4048;} 
.matchFrom input:-ms-input-placeholder {color:#3b4048;} 
.matchFrom .text:focus,.matchFrom .text:active,.matchFrom .text2:focus,.matchFrom .text2:active,.matchFrom .getcode:focus,.matchFrom .getcode:active{-webkit-box-shadow: none;box-shadow: none;}
@media screen and (max-width:768px){
.matchFrom{margin:0;}
.matchFrom .l1{float:none;width:100%;}
.matchFrom .l1Box{margin:0;}
.matchFrom .text{width: 100%;padding:4px 3% 4px 3%;}
.matchFrom label .l1Box{margin:0 auto;}
}


/*w1300*/
.w1300{max-width:1260px; margin: 0 auto; width:94%;}


/*matchList4*/
.matchList4{padding-top:40px;padding-bottom:40px;background-color:#ebedf2; min-height:350px;}
.matchList4 .matchList4Box{}
.matchList4 .matchList4ul{font-size:0;text-align:left; margin:0 -10px;}
.matchList4 .matchList4ul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:25%; margin-bottom:20px;}
.matchList4 .matchList4ul li .item{margin:0 10px; text-align:left; background:#fff;border-radius:10px;}
.matchList4 .matchList4ul li a {display:inline-block;}
.matchList4 .matchList4ul li .img{width:100%; overflow:hidden; height:auto;margin:0 auto;}
.matchList4 .matchList4ul li .img a{display:block;overflow:hidden;}
.matchList4 .matchList4ul li .img img{width:100%; height:100%;  }
.matchList4 .matchList4ul li .img,
.matchList4 .matchList4ul li .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
.matchList4 .matchList4ul li .img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)}
/**/
.matchList4 .matchList4ul li .img{width:100%; height:100%; margin-bottom:10px;}
.matchList4 .matchList4ul li .img a{padding-bottom:75.75757575757576%; position:relative;height:auto;overflow:hidden;}
.matchList4 .matchList4ul li .img img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding:0;height:100%;max-width:none; width:auto;}
.matchList4 .matchList4ul li .item:hover .img img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
/**/
.matchList4 .matchList4ul li .tit{position:relative; text-align:center; padding:0 10px;}
.matchList4 .matchList4ul li .tit a{color:#222222;text-decoration:none; display:block;line-height:35px;height:35px;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;}
.matchList4 .matchList4ul li .tit .t{display:inline-block; text-align:center;line-height:35px;height:35px;font-size:16px;display: block;font-weight: 500;cursor: pointer;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;}
.matchList4 .matchList4ul li a:hover{color:#d0141b;}
.matchList4 .matchList4ul li .shuju{ text-align:center;}
.matchList4 .matchList4ul li .shuju .see{display:inline-block; margin-right:16px;font-size:12px;color:#b4b5bd;line-height:35px; display:inline-block; padding-left:18px;background: url(../images/see.png) left center no-repeat; background-size:14px;}
.matchList4 .matchList4ul li .shuju .zan{display:inline-block;font-size:12px;color:#b4b5bd;line-height:35px; display:inline-block; padding-left:18px;background: url(../images/zan.png) left center no-repeat; background-size:11px;}
/**/
.matchList4 .matchList4ul li .ds{ padding:10px 10px;border-top:1px solid #ebedf2;}
.matchList4 .matchList4ul li .ds .pic{ font-size:0; line-height:0;}
.matchList4 .matchList4ul li .ds img{ width:20px; height:20px; overflow:hidden;border-radius:50%; overflow:hidden;}
.matchList4 .matchList4ul li .ds a{ display:inline-block; font-size:0; line-height:0; text-align:left;}
.matchList4 .matchList4ul li .ds .pic{margin-right:6px; display:inline-block; vertical-align:middle;}
.matchList4 .matchList4ul li .ds .n{font-size:12px;color:#3b4048; position:relative;top:5px;}
.matchList4 .matchList4ul li .ds .date{font-size:12px;color:#9ea0ae; position:relative;top:5px; float:right;}
@media screen and ( max-width:1440px ){
.matchList4 .matchList4ul li{width:25%;}
.matchList4 .matchList4ul li .tit a{line-height:35px;height:35px;}
.matchList4 .matchList4ul li .tit .t{line-height:35px;height:35px;font-size:16px;}
.matchList4 .matchList4ul li .shuju .zan,
.matchList4 .matchList4ul li .shuju .see{font-size:12px;line-height:35px;padding-left:18px;background-size:14px;}
.matchList4 .matchList4ul li .ds img{ width:20px; height:20px;}
.matchList4 .matchList4ul li .ds .pic{margin-right:6px;}
.matchList4 .matchList4ul li .ds .n{font-size:12px;top:5px;}
}
@media screen and ( max-width:1024px ){
.matchList4 .container{ width:94%;}
.matchList4 .matchList4ul li{width:25%;}
.matchList4 .matchList4ul{margin:0 -0.10rem;}
.matchList4 .matchList4ul li{margin-bottom:0.34rem;}
.matchList4 .matchList4ul li .item{margin:0 0.10rem; text-align:left;}
.matchList4 .matchList4ul li .tit a {line-height:0.5833333333333334rem;height:0.5833333333333334rem;}
.matchList4 .matchList4ul li .tit .t {line-height:0.5833333333333334rem;height:0.5833333333333334rem;font-size:0.26666666666666666rem;}
.matchList4 .matchList4ul li .shuju .zan,
.matchList4 .matchList4ul li .shuju .see{font-size:0.2rem;line-height:0.5833333333333334rem;padding-left:0.3rem;background-size:0.23333333333333334rem;}

.matchList4 .matchList4ul li .ds img {width:0.3333333333333333rem;height:0.3333333333333333rem;}
.matchList4 .matchList4ul li .ds .pic {margin-right:0.1rem;}
.matchList4 .matchList4ul li .ds .n {font-size:0.23333333333333334rem;top:0.08333333333333333rem;}
.matchList4 .matchList4ul li .ds .date {font-size:0.23333333333333334rem;top:0.08333333333333333rem;}
}
@media screen and ( max-width:768px ){
.matchList4 .matchList4ul li{width:50%;}
}
@media screen and ( max-width:350px ){
.matchList4 .matchList4ul li{width:100%;}
}

/*matchdetail*/
.matchdetail{ background:#fff;}
.matchdetailBox{padding:60px 0;}
.matchdetail .matchdetailCon{position:relative;}
/*bigimg*/
.matchdetail .bigimg{width:45%;float:left;}
.matchdetail .bigimg .img{width:100%; height:auto;padding-bottom:61.40350877192982%;position:relative;overflow:hidden;}
.matchdetail .bigimg .img img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding:0;height:100%;max-width:none; width:auto; margin:auto auto;}
.matchdetail .bigimg,
.matchdetail .bigimg .img,
.matchdetail .bigimg .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
.matchdetail .bigimg:hover .img img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
/*infoBox*/
.matchdetail .infoBox{width:52.3%; padding-left:2.7%;float:right;}
.matchdetail .infoBox .infoBoxNr{padding-bottom:50px;}
.matchdetail .infoBox .tit{ font-size:22px; color:#3b4048; line-height:normal; margin-bottom:10px;}
.matchdetail .infoBox .date{ font-size:14px; color:#333333; line-height:normal; font-weight:300;margin-bottom:40px;}
.matchdetail .infoBox .des{ font-size:14px; color:#000000; line-height:26px;font-weight:300;}
/*btnBox*/
.matchdetail .infoBox .btnBox{width:52.3%;position:absolute;bottom:0;right:0;}
.matchdetail .infoBox .btnBox .left{ display:inline-block;float:left;}
.matchdetail .infoBox .btnBox .right{display:inline-block;float:right; text-align:right;}
.matchdetail .infoBox .btnBox .left a{display:inline-block;font-size:14px; color:#ffffff; line-height:36px;border-radius:36px;padding:0 18px;background-color:#000000;text-align:center;}
.matchdetail .infoBox .btnBox .left a:hover{background-color:#d0141b;}
.matchdetail .infoBox .btnBox .left .sj-sc span{display:inline-block;padding-right:27px;background: url(../images/case-all2-c.png) right center no-repeat;  background-size:16px;}
.matchdetail .infoBox .btnBox .left .active2{color:#fff; background-color:#d0141b;}

.matchdetail .infoBox .btnBox .left .upload{margin-right:8px;background-color:#d0141b; padding:0 30px;}
.matchdetail .infoBox .btnBox .left .upload:hover{background-color:#ed050e;}
.matchdetail .infoBox .btnBox .right a,
.matchdetail .infoBox .btnBox .right span{display:inline-block;font-size:14px; color:#9c9fa5; line-height:36px;margin:0 20px;text-align:center; position:relative;}
.matchdetail .infoBox .btnBox .right span:after{ content:''; height:15px; width:1px; position:absolute;right:-20px;top:50%; margin-top:-7px;background:#e1e2e4;}
.matchdetail .infoBox .btnBox .right a.shareShare{margin-right:0;padding-left:23px;background:url(../images/match-s.png) left center no-repeat; background-size:14px;}
.matchdetail .infoBox .btnBox .right a:hover{color:#d0141b;}
.matchdetail .infoBox .btnBox .right span.see{padding-left:23px;background:url(../images/see.png) left center no-repeat; background-size:20px}
.matchdetail .infoBox .btnBox .right span.zan{padding-left:23px;background:url(../images/zan.png) left center no-repeat; background-size:15px}
@media screen and ( max-width:1220px ){
.matchdetail .infoBox .tit{ font-size:20px;margin-bottom:10px;}
.matchdetail .infoBox .date{ font-size:13px;margin-bottom:35px;}
.matchdetail .infoBox .des{ font-size:13px;line-height:26px;}

.matchdetail .infoBox .btnBox .left a{font-size:13px;line-height:34px;border-radius:34px;padding:0 18px;}
.matchdetail .infoBox .btnBox .left .dzan span{padding-right:27px;background-size:16px;}
.matchdetail .infoBox .btnBox .left .upload{margin-right:5px;padding:0 20px;}
.matchdetail .infoBox .btnBox .right a,
.matchdetail .infoBox .btnBox .right span{margin:0 10px;font-size:13px; line-height:34px;margin:0 15px;}
}
@media screen and ( max-width:1024px ){
	.matchdetailBox{padding:40px 0;}
.matchdetail .infoBox .tit{ font-size:18px;margin-bottom:10px;}
.matchdetail .infoBox .date{ font-size:12px;margin-bottom:30px;}
.matchdetail .infoBox .des{ font-size:13px;line-height:26px;}

.matchdetail .infoBox .btnBox .left a{font-size:12px;line-height:30px;border-radius:30px;padding:0 15px;}
.matchdetail .infoBox .btnBox .left .dzan span{padding-right:20px;background-size:14px;}
.matchdetail .infoBox .btnBox .left .upload{margin-right:5px;padding:0 15px;}
.matchdetail .infoBox .btnBox .right a,
.matchdetail .infoBox .btnBox .right span{margin:0 8px;}

}
@media screen and ( max-width:992px ){	.matchdetailBox{padding:30px 0;}
.matchdetail .bigimg{width:100%;float:none; margin-bottom:30px;}
.matchdetail .infoBox{width:100%; float:none;padding-left:0;}
.matchdetail .infoBox .btnBox{width:100%; position:relative;}
.matchdetail .infoBox .tit{ font-size:20px;margin-bottom:10px;}
.matchdetail .infoBox .date{ font-size:13px;margin-bottom:30px;}
.matchdetail .infoBox .des{ font-size:14px;line-height:26px; margin-bottom:30px;}
.matchdetail .infoBox .infoBoxNr{padding-bottom:0px;}
}
@media screen and ( max-width:768px ){
.matchdetail .infoBox .btnBox .left{ display:block;float:none; margin-bottom:10px;}
.matchdetail .infoBox .btnBox .right{display:block;float:none; text-align:left;}
.matchdetail .infoBox .tit{ font-size:18px;margin-bottom:10px;}
.matchdetail .infoBox .date{ font-size:12px;margin-bottom:30px;}
.matchdetail .infoBox .des{ font-size:13px;line-height:26px; margin-bottom:30px;}
}




/*pNav2*/
.pNav2{background-color:#fff; padding:30px 0;}
.pNav2 ul{ margin:0px; padding:0px; overflow:hidden; font-size:0; text-align:center;}
.pNav2 ul li{ width:232px;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.pNav2 ul li a{ display:block; font-size:16px; line-height:64px;border-radius:64px;color:#fff; background-color:#111111; text-align:center; margin:0 8px; overflow:hidden;}
.pNav2 .active{
            background: #d1171a;
            filter:alpha(opacity=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#d1171a,endcolorstr=#eb6000,gradientType=1);
        -ms-filter:alpha(opacity=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#d1171a,endcolorstr=#eb6000,gradientType=1);
            background: -webkit-linear-gradient(left, #d1171a, #eb6000 100%);
            background: -moz-linear-gradient(left, #d1171a, #eb6000 100%);
            background: -ms-linear-gradient(left, #d1171a, #eb6000 100%);
            background: -o-linear-gradient(left, #d1171a, #eb6000 100%);
            background: linear-gradient(to right, #d1171a, #eb6000 100%);
}
.pNav2 .sj-sc { background: url(../images/case-all2-c.png) right 35% center no-repeat #111111;  background-size:16px;}

.pNav2 .active2{
	        background: url(../images/case-all2-c.png) right 35% center no-repeat #d1171a;background-size:16px;
       /*     background: #d1171a;*/
            filter:alpha(opacity=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#d1171a,endcolorstr=#eb6000,gradientType=1);
        -ms-filter:alpha(opacity=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#d1171a,endcolorstr=#eb6000,gradientType=1);
            background: -webkit-linear-gradient(left, #d1171a, #eb6000 100%);
            background: -moz-linear-gradient(left, #d1171a, #eb6000 100%);
            background: -ms-linear-gradient(left, #d1171a, #eb6000 100%);
            background: -o-linear-gradient(left, #d1171a, #eb6000 100%);
            background: linear-gradient(to right, #d1171a, #eb6000 100%);
}

@media screen and ( max-width:1220px ){
.pNav2 ul li{ width:2.32rem;}	
	.pNav2 ul li a{font-size:0.16rem; line-height:0.64rem;border-radius:0.64rem;}
}
@media screen and ( max-width:1024px ){
.pNav2 ul li{ width:2.32rem;}	
	.pNav2 ul li a{font-size:0.16rem; line-height:0.64rem;border-radius:0.64rem;}
}
@media screen and ( max-width:768px ){
.pNav2 ul li{ width:24%; margin-bottom:10px;}	
.pNav2 ul li a{font-size:12px; line-height:0.6rem;border-radius:0.6rem;margin:0 0.05rem;}
}




/*match5tit*/
.match5tit .cn{ font-size:34px; color:#fff; line-height:34px;font-weight:300; position:relative;display:inline-block; line-height:normal;background:url(../images/match5line.jpg) left 90% repeat-x; margin-bottom:5px;}
.match5tit .en{ font-size:16px; color:#b4b5bd; line-height:normal;margin-bottom:75px;}
.match5tit .email{ font-size:18px; color:#ffffff; line-height:26px;}
@media screen and ( max-width:1220px ){
.match5tit .cn{ font-size:30px;line-height:30px;margin-bottom:5px;}
.match5tit .en{ font-size:13px;margin-bottom:65px;}
.match5tit .email{ font-size:15px;line-height:26px;}
}
@media screen and ( max-width:1024px ){
.match5tit .cn{ font-size:26px;line-height:26px;margin-bottom:5px;}
.match5tit .en{ font-size:12px;margin-bottom:50px;}
.match5tit .email{ font-size:14px;line-height:26px;}
}
@media screen and ( max-width:768px ){
.match5tit .cn{ font-size:24px;line-height:28px;margin-bottom:5px;}
.match5tit .en{ font-size:14px;margin-bottom:40px;}
.match5tit .email{ font-size:16px;line-height:26px;}
}
@media screen and ( max-width:640px ){
.match5tit .cn{ font-size:20px;line-height:26px;margin-bottom:5px;}
.match5tit .en{ font-size:12px;margin-bottom:25px;}
.match5tit .email{ font-size:14px;line-height:26px;}
}

/*match5*/
.match5{background-position:center top; /*background-color:#000;*/background-size:cover;}
.match5 img{ max-width:100%;}
.match5Table{ font-size:16px; line-height:40px; color:#ededed;}
@media screen and ( max-width:1220px ){
.match5Table{ font-size:15px; line-height:36px;}
}
@media screen and ( max-width:768px ){
.match5Table{ font-size:14px; line-height:30px;}
}
@media screen and ( max-width:768px ){
.match5Table{ font-size:13px; line-height:28px;}
}

/*match5footer*/
.match5footer{background:url(../images/match5-bottombg.jpg) center top no-repeat #0c0c0c; background-size:cover; padding:45px 0;}
.match5footer .match5tit{ width:50%; float:left;}
.match5footer .match5code{width:50%;float:right; text-align:right;}
@media screen and ( max-width:768px ){
.match5footer .match5tit{ width:100%; float:none; text-align:center; margin-bottom:30px;}
.match5footer .match5code{width:100%;float:none; text-align:center;}
}




.match5Table{ padding:80px 0;}
@media screen and ( max-width:1220px ){
   .match5Table{ padding:0.8rem 0;}	
}



/*******************************************************designlist 2023-4-1*******************************************************/


/*pageDesignerInfo*/
.pageDesigner{padding:30px 0;background-color: #ebedf2; min-height:300px;}
.pageDesigner .pageDesignerBox{ padding:20px 0;border-bottom:1px solid #dededf;}
.pageDesigner .pageDesignerBox:last-child{border-bottom:none;}
.pageDesigner .pageDesignerInfo{position:relative;padding-left:80px;padding-right:140px;}
.pageDesigner .pageDesignerInfo .pageDesignerimg{width:65px; height:65px;overflow:hidden;background-image: url(../images/logonopic.png);background-repeat:no-repeat; background-position:center center;background-size:cover;border-radius:50%; position:absolute; left:0;top:0;}
.pageDesigner .pageDesignerInfo .pageDesignerimg a{display:block;width:100%; height:100%;}
.pageDesigner .pageDesignerInfo .pageDesignerName{float:left; max-width:200px; margin-right:30px;padding-top:5px;}
.pageDesigner .pageDesignerInfo .pageDesignerName .Name{ display:block;font-size:20px;color:#3b4048;margin-bottom:5px;}
.pageDesigner .pageDesignerInfo .pageDesignerName .Name:hover{color:#d0141b;}
.pageDesigner .pageDesignerInfo .pageDesignerName .City{font-size:12px;color:#5c5c5c;height:30px;line-height:30px;text-align:left;overflow:hidden;}
.pageDesigner .pageDesignerInfo .pageDesignerText{float:left;position:relative; text-align:left;font-size:16px;color:#3b4048;line-height:28px;padding-top:8px;max-width:60%;}
.pageDesigner .pageDesignerInfo .pageDesignerText .see{display:inline-block; }
.pageDesigner .pageDesignerInfo .pageDesignerText .zp{margin-left:15px;}
.pageDesigner .pageDesignerInfo .pageDesignerText .des{height:28px;height:28px; overflow:hidden;}
.pageDesigner .pageDesignerInfo .pageDesignerBtn{ position:absolute; right:0;top:12px;}
.pageDesigner .pageDesignerInfo .pageDesignerBtn a{display:inline-block;width:108px;height:36px;line-height:36px;border-radius:36px;font-size:14px;text-align:center;background-color:#d0141b;color:#fff;}
.pageDesigner .pageDesignerInfo .pageDesignerBtn a:hover{background-color:#ff0009; color:#fff;}
@media screen and ( max-width:1220px ){
   .pageDesigner .pageDesignerInfo .pageDesignerName{}
      .pageDesigner .pageDesignerInfo .pageDesignerName .Name{ font-size:18px;}
   .pageDesigner .pageDesignerInfo .pageDesignerText{font-size:14px;line-height:26px;}

}
@media screen and ( max-width:768px ){
   .pageDesigner .pageDesignerInfo .pageDesignerName{float:none; max-width:100%; margin-right:0;padding-top:3px; padding-right:100px;}
   .pageDesigner .pageDesignerInfo .pageDesignerText{float:none;max-width:100%;font-size:14px;line-height:26px;padding-top:0px;}
   .pageDesigner .pageDesignerInfo .pageDesignerText .des{height:26px;height:26px; overflow:hidden;}
   .pageDesigner .pageDesignerInfo{padding-left:60px;padding-right:0;}
   .pageDesigner .pageDesignerInfo .pageDesignerimg{width:50px; height:50px;}
   .pageDesigner .pageDesignerInfo .pageDesignerName .Name{ font-size:18px;}
   .pageDesigner .pageDesignerInfo .pageDesignerBtn{top:0px;}
   .pageDesigner .pageDesignerInfo .pageDesignerBtn a{width:90px;height:30px;line-height:30px;border-radius:30px;font-size:12px;}
}



/*pageDesignerList*/
.pageDesignerList{padding-top:20px;padding-bottom:0px;}
.pageDesignerList .pageDesignerListul{font-size:0;text-align:left; margin:0 -10px;}
.pageDesignerList .pageDesignerListul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:16.66666666666667%; margin-bottom:20px;}
.pageDesignerList .pageDesignerListul li .item{margin:0 10px; text-align:left;}
.pageDesignerList .pageDesignerListul li a {display:inline-block;}
.pageDesignerList .pageDesignerListul li .img{width:100%; height:100%;margin:0 auto;overflow:hidden;border-radius:10px;}
.pageDesignerList .pageDesignerListul li .img a{display:block;border-radius:10px;overflow:hidden;padding-bottom:75.75757575757576%; position:relative;height:auto;overflow:hidden;}
.pageDesignerList .pageDesignerListul li .img img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding:0;height:100%;max-width:none; width:auto;}
.pageDesignerList .pageDesignerListul li a,.pageDesignerList .pageDesignerListul li .img img,.pageDesignerList .pageDesignerListul li .img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
.pageDesignerList .pageDesignerListul li .item:hover .img img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
/**/
.pageDesignerList .pageDesignerListul li .tit{position:relative;}
.pageDesignerList .pageDesignerListul li .tit a{color:#222222;text-decoration:none; display:block;line-height:35px;height:35px;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;}
.pageDesignerList .pageDesignerListul li .tit .t{display:inline-block; text-align:left;line-height:35px;height:35px;font-size:16px;display: block;font-weight: 500;cursor: pointer;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden; display:none;}
.pageDesignerList .pageDesignerListul li a:hover{color:#d0141b;}
@media screen and ( max-width:1440px ){
.pageDesignerList .pageDesignerListul li{width:20%;}
.pageDesignerList .pageDesignerListul li .tit a{line-height:35px;height:35px;}
.pageDesignerList .pageDesignerListul li .tit .t{line-height:35px;height:35px;font-size:16px;}
.pageDesignerList .pageDesignerListul li:nth-child(5){ display:none;}
}
@media screen and ( max-width:1220px ){
.pageDesignerList .pageDesignerListul{margin:0 -0.1rem;}
.pageDesignerList .pageDesignerListul li{margin-bottom:0.2rem;}
.pageDesignerList .pageDesignerListul li .item{margin:0 0.1rem;}
.pageDesignerList .pageDesignerListul li{width:25%;}	
.pageDesignerList .pageDesignerListul li:nth-child(4){ display:none;}
}
@media screen and ( max-width:1024px ){
.pageDesignerList .pageDesignerListul li{width:25%;}
.pageDesignerList .pageDesignerListul li .tit a {line-height:0.5833333333333334rem;height:0.5833333333333334rem;}
.pageDesignerList .pageDesignerListul li .tit .t {line-height:0.5833333333333334rem;height:0.5833333333333334rem;font-size:0.26666666666666666rem;}
}
@media screen and ( max-width:768px ){
.pageDesignerList .pageDesignerListul li{width:33.3333%;}
.pageDesignerList .pageDesignerListul li:nth-child(3),
.pageDesignerList .pageDesignerListul li:nth-child(5),
.pageDesignerList .pageDesignerListul li:nth-child(4){ display:none;}
}



/*咨询客服图片*/

.zxkfbox{ display:none;}
.zxkfimg{
position: fixed;
left: 0;
right: 0;
bottom: 0;
margin: auto auto;
z-index: 100000;
width: 300px;
background-color: #fff;
border-radius: 5px;
top: 0;
overflow-y: scroll;
height: 300px;	
}

.zxkfimg img{width:100%; height:auto;}
.zxkf_full_screen{
background: rgba(0,0,0,0.9);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
	
}






/*20230630fixedForm弹框*/
.fixedFormWrite{position:fixed;top:50%;right:0;z-index:99;display:block;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.fixedFormWrite span{display:inline-block;padding:24px 24px;background:#d91117;border-top-left-radius:77px;border-bottom-left-radius:77px;-moz-box-shadow: 0px 6px 10px rgba(200,20,27,0.3);-webkit-box-shadow: 0px 6px 10px rgba(200,20,27,0.3);box-shadow: 0px 6px 10px rgba(200,20,27,0.3); cursor:pointer;}
.fixedFormWrite span em{display:inline-block;font-style:normal;font-size:18px;line-height:30px;color:#fff;background: url(../images/fixed_fbiconw.png) no-repeat left center;background-size:30px;  padding-left:48px;padding-right:10px; text-align:left;}
/*popModel*/
.popModel {display: none;position: fixed;top: 0;left: 0;z-index:9999;width: 100%;height: 100%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.popModel .mask {position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;background: #000;filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.popModel .popTable {display: table;position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;}
.popModel .popTable .popTableCell {display: table-cell;height: 100%;vertical-align: middle;}
/*fixedForm*/
.fixedForm input,
.fixedForm select,
.fixedForm button,
.fixedForm textarea{appearance:none;-o-appearance:none;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;resize:none;border-radius:0;outline:none;border:none;background-color:transparent;font-family:inherit;font-size:inherit;color:inherit;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}
/*fixedForm*/
.fixedForm{text-align:left;padding:0; max-width:690px;margin:0 auto;background: url(../images/fixed_fbbg.jpg) no-repeat center bottom #fff; background-size:cover;border-radius:10px; overflow: hidden; position:relative;transform: translateY(80px);-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;opacity: 0;}
.fixedForm .fixedClose{width:60px;height:60px;background: url(../images/fixed_fbclose.png) no-repeat center center;background-size:20px; position:absolute;top:0;right:0; cursor:pointer;}
.fixedForm .fixedClose{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.fixedForm .fixedClose:hover{-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.fixedForm h3{display:block;font-size:20px;line-height:60px; background:#d91117;color:#fff; text-align:center; font-weight:600;}
.fixedForm .fixedFormBox{ text-align:center; padding:50px 35px;}
.fixedForm .li1{float:left;width: 50%; position:relative;}
.fixedForm .li2{float:left;width:100%; position:relative;}
.fixedForm .li4{float:left;width: 50%; position:relative;}
.fixedForm .l1Box{margin:0 5px;}
.fixedForm .text{display:block;width: 100%;padding:4px 5% 4px 5%;height:40px;margin-bottom:14px;outline:none;font-size:13px;color:#8f9397;border:none;border-radius:5px;background:#fff;text-align:left;}
.fixedForm .text2{display:block;width:100%;padding:10px 3% 10px 3%;height:90px;margin-bottom:14px;outline:none;font-size:13px;color:#8f9397;border:none;border-radius:5px;background:#fff;text-align:left;}
.fixedForm .getcode{padding:10px 88px 10px 3%;}
.fixedForm .li4 .y{display:inline-block;cursor:pointer;font-size:13px;color:#000000;line-height:40px;position:absolute;right:15px;top:0;/*width:78px;*/background: url(../images/fixed_fbline.jpg) no-repeat left center #fff; padding-left:10px; text-align:left;}
.fixedForm .fixed_fbwz{ padding-top:22px; padding-bottom:30px;}
.fixedForm .fixed_fbwz img{ max-width:100%;}
.fixedForm .fixed_fbwz .li5{border-top:1px solid #e3adb2;border-bottom:1px solid #e3adb2;}
.fixedForm .fixedbtn{width:177px;height:44px;line-height:44px;border-radius:44px;font-size:16px;background:#d0141b;color:#fff;overflow:hidden; margin:0 auto; cursor:pointer;}
.fixedForm .fixedbtn:hover{background:#c30207;}
.fixedForm input::-webkit-input-placeholder {color:#7d7e8d;} 
.fixedForm input:-moz-placeholder {color:#7d7e8d;} 
.fixedForm input::-moz-placeholder {color:#7d7e8d;} 
.fixedForm input:-ms-input-placeholder {color:#7d7e8d;} 
.fixedForm .text:focus,.fixedForm .text:active,.fixedForm .text2:focus,.fixedForm .text2:active,.fixedForm .getcode:focus,.fixedForm .getcode:active{-webkit-box-shadow: none;box-shadow: none;background:#fff}
@media screen and (max-width:1680px){
.fixedFormWrite span{padding:20px 24px;border-top-left-radius:77px;border-bottom-left-radius:77px;}
.fixedFormWrite span em{font-size:16px;line-height:26px;background-size:26px;padding-left:45px;padding-right:10px;}
.fixedForm h3{font-size:18px;line-height:60px;}
.fixedForm .fixedbtn{width:177px;height:44px;line-height:44px;border-radius:44px;font-size:16px;}
}
@media screen and (max-width:1440px){
.fixedFormWrite span{padding:18px 22px;border-top-left-radius:60px;border-bottom-left-radius:60px;}
.fixedFormWrite span em{font-size:15px;line-height:26px;background-size:22px;padding-left:40px;padding-right:0px;}
}
@media screen and (max-width:1320px){
.fixedFormWrite span{padding:15px 20px;border-top-left-radius:60px;border-bottom-left-radius:60px;}
.fixedFormWrite span em{font-size:15px;line-height:26px;background-size:22px;padding-left:40px;padding-right:0px;}
}
@media screen and (max-width:1024px){
.fixedFormWrite span{padding:15px 15px;border-top-left-radius:60px;border-bottom-left-radius:60px;}
.fixedFormWrite span em{font-size:14px;line-height:26px;background-size:20px;padding-left:28px;padding-right:10px;}
.fixedForm .fixedClose{width:60px;height:60px;background-size:20px; }
.fixedForm h3{font-size:18px;line-height:60px;}
.fixedForm .fixedFormBox{padding:40px 30px;}
}
@media screen and (max-width:768px){
.fixedFormWrite span{padding:12px 12px;border-top-left-radius:60px;border-bottom-left-radius:60px;}
.fixedForm{text-align:left;padding:0;width:90%;}

.fixedForm .fixedClose{width:50px;height:50px;background-size:16px; }
.fixedForm h3{font-size:16px;line-height:50px;}


}
@media screen and (max-width:550px){
.fixedFormWrite span{padding:10px 10px;border-top-left-radius:60px;border-bottom-left-radius:60px;}
.fixedFormWrite span em{font-size:12px;line-height:26px;background-size:20px;padding-left:28px;padding-right:0px;}

.fixedForm .li1{float:left;width: 100%; position:relative;}
.fixedForm .li4{float:left;width: 100%; position:relative;}
.fixedForm .fixed_fbwz{padding-top:15px; padding-bottom:20px;}

.fixedForm .text{height:35px;margin-bottom:10px;font-size:12px;}
.fixedForm .text2{height:70px;margin-bottom:10px;font-size:12px;}

.fixedForm .li4 .y{font-size:12px;line-height:30px;}

.fixedForm .fixedbtn{width:140px;height:35px;line-height:35px;border-radius:35px;font-size:14px;}


.fixedForm{text-align:left;padding:0;width:100%; border-radius:initial; max-height:100%; overflow-y:auto;}
.popModel .popTable .popTableCell {vertical-align: bottom;}

.fixedForm .fixedFormBox{padding:40px 3%;}
}